Icon Button

The IconButton allow users to take actions, and make choices, with a single tap.

Basic Icon Button

User

Button With Icon

Download
Download

Button With Icon Position

Download
Download

Props

Explore the available props for the IconButton component

PropTypeDefaultDescription
tagNamestringbuttonHTML Tag name.
iconstringfa-userIcon name for IconButton.
iconLibrarystringfont-awesomeIcon library name.
font-awesome bootstrap-icons icon-font
iconPositionstringbeforeIcon position value.
before after
textstring-Text will show if there is no children.
isLinkbooleanfalseTo determines whether the button behaves as a link or a standard button.
targetstring_selfSpecifies where to open the linked document when the button is clicked.
linkTostring-Link for the button.
stylestring-Any CSS className to style the button.
textStylestring-Any CSS className to style the text or children.
iconStylestring-Any CSS className to style the icon.
variantnumber"1"Variant of the IconButton.
onClickjavascript Event-onClick event for the IconButton.