Icon Button
A component that displays an icon in a button.
In this guide, you'll learn how to use the Icon Button component.
Was this example helpful?
Usage#
API Reference#
This component is based on the button element and supports all of its props
| Prop | Type | Default |
|---|---|---|
asChild | boolean | false |
isLoading | boolean | false |
variant | "primary"| "transparent" | "primary" |
size | "2xsmall"| "xsmall"| "small"| "base"| "large"| "xlarge" | "base" |
Was this helpful?
Examples#
Icon Button Variants#
Was this example helpful?
Icon Button Sizes#
Was this example helpful?
Icon Button Loading State#
Was this example helpful?
Disabled Icon Button#
Was this guide helpful?