The IconButton allow users to take actions, and make choices, with a single tap.
Explore the available props for the IconButton component
Prop | Type | Default | Description |
---|---|---|---|
tagName | string | button | HTML Tag name. |
icon | string | fa-user | Icon name for IconButton. |
iconLibrary | string | font-awesome | Icon library name. font-awesome bootstrap-icons icon-font |
iconPosition | string | before | Icon position value. before after |
text | string | - | Text will show if there is no children. |
isLink | boolean | false | To determines whether the button behaves as a link or a standard button. |
target | string | _self | Specifies where to open the linked document when the button is clicked. |
linkTo | string | - | Link for the button. |
style | string | - | Any CSS className to style the button. |
textStyle | string | - | Any CSS className to style the text or children. |
iconStyle | string | - | Any CSS className to style the icon. |
variant | number | "1" | Variant of the IconButton. |
onClick | javascript Event | - | onClick event for the IconButton. |