Skip to content

<Button /> icon improvements #8

@idmontie

Description

@idmontie

Improvement

Make it easier to use MDI icons with the <Button /> component. Add an iconOnly prop.

Example Usage

Currently, you need to do the following if you want an icon only button:

<Button text onClick={open}>
    <Icon
	path={mdiCheck}
	title="Added"
	color="currentColor"
	size={1}
	style={{ verticalAlign: 'middle' }}
    />
</Button>			

It should be usable through the icon prop:

<Button
    text
    icon={(
      <Icon
	  path={mdiCheck}
	  title="Added"
	  color="currentColor"
      />
    )}
    iconOnly    
</Button>			

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions