Concepts
OverviewCompositionTestingLayout
Aspect RatioBleedBoxCenterContainerDividerFlexFloatGridLink OverlayScrollableStackWrapComponents
AccordionAdmonitionAvatarButtonCarouselCheckboxClipboardCollapsibleComboboxConfirm ModalCTAModalDate PickerDialogFieldFieldsetFile UploaderIcon ButtonInputLoading StatesMenuNotificationsNumber InputPin InputProgressPrompt ModalRadioRatingSelectSplit ButtonSwitchTableTabsTagTextTextareaToggleTooltipUtilities
Feature FlagsForLocal StoragePortalShowsplitPropsThemeimport { IconButton } from '@cerberus/react'Usage
Sizes
The IconButton component comes in two sizes: sm, lg. You can set the size by using the size prop.
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. |
On this page