Concepts
OverviewCompositionTestingLayout
Aspect RatioBleedBoxCenterContainerDividerFlexFloatGridLink OverlayScrollableStackWrapComponents
AccordionAdmonitionAvatarButtonCheckboxComboboxConfirm ModalCTAModalDate PickerDialogFieldFieldsetFile UploaderIcon ButtonInputLoading StatesMenuNotificationsProgressPrompt ModalRadioRatingSelectSwitchTableTabsTagTextTextareaToggleTooltipUtilities
Feature FlagsForLocal StoragePortalShowsplitPropsTheme1import { 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 |
---|---|---|
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. |
asChild | Render the Button as the child component. |
On this page