A button that's an icon, with or without a label.
import { IconicButton } from "@nulogy/components";
<IconicButton icon="delete" />
<IconicButton icon="delete">Delete</IconicButton>
<IconicButton labelHidden icon="delete">Delete</IconicButton>
<IconicButton icon="delete" disabled>Delete</IconicButton>
Name | Type | Default | Description |
---|---|---|---|
icon | String | Required | The icon to display. See the Icons component for all possible options. |
labelHidden | Boolean | false | Will display the label under the Iconic Button on hover or button focus. |
disabled | Boolean | false | Lightens the opacity and makes the button unable to be clicked. |
className | String | undefined | className passed to the button component. |
IconicButtons have access to space style props. See the style prop documentation for a full list of available props.