Circle Icon Button

When using Icon Circle Button, the icon must be clear a clear indication of what the button does because there is no text. Icon Circle Buttons take up less space on the page compared to normal buttons. The link variant is used for times you only want to have an icon for a button without having a background.

Default


Click Handler


Link


Loading



Things to Avoid

Never use more than one primary button on a page at any given time.

UI Samples using Circle Icon Button Kit

Get the full picture. See how this kit is used in our samples.

Available Props