Import
import { IconButton } from '@cerberus/react'Usage
Loading example...
Sizes
The IconButton component comes in two sizes: sm, lg. You can set the size by using the size prop.
Loading example...
Palette
You can change the palette of the IconButton by using the palette prop.
Loading example...
Usage
You can change the style of the IconButton by using the usage prop.
Loading example...
Shape
You can change the shape of the IconButton by using the shape prop.
Loading example...
Customization
You can customize the IconButton with style props or the Primitive components.
Loading example...
Button as Links
You can create IconButton styled links by using the asChild prop.
Loading example...
Primitives
You can utilize the primitive components or the css prop to customize the button.
| Component | Description |
|---|---|
IconButton | The context provider for the Button parts |
API
Props
The IconButton component is an abstraction of the primitives and accepts the following props:
| Name | Default | Description |
|---|---|---|
clipboard | false | If true, uses Clipboard aria-attributes. |
palette | action | The color palette (any of the Cerberus palettes) of the button. |
usage | filled | The style treatment of the button. |
shape | sharp | The shape of the button. |