• Docs
  • Blog
    • 0.24.0

    • Switch to dark mode
    Get Started
    Components
    Styling
    Theming

    Concepts

    OverviewCompositionTesting

    Layout

    Aspect RatioBleedBoxCenterContainerDividerFlexFloatGridLink OverlayScrollableStackWrap

    Components

    AccordionAdmonitionAvatarButtonCarouselCheckboxClipboardCollapsibleComboboxConfirm ModalCTAModalDate PickerDialogFieldFieldsetFile UploaderIcon ButtonInputLoading StatesMenuNotificationsNumber InputPin InputProgressPrompt ModalRadioRatingSelectSplit ButtonSwitchTableTabsTagTextTextareaToggleTooltip

    Utilities

    Feature FlagsForLocal StoragePortalShowsplitPropsTheme

    IconButton

    The IconButton component is a button that displays an icon.

    • npm
    • source
    • recipe
    import { 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.

    ComponentDescription
    IconButtonThe context provider for the Button parts

    API

    Props

    The IconButton component is an abstraction of the primitives and accepts the following props:

    NameDefaultDescription
    clipboardfalseIf true, uses Clipboard aria-attributes.
    paletteactionThe color palette (any of the Cerberus palettes) of the button.
    usagefilledThe style treatment of the button.
    shapesharpThe shape of the button.

    On this page

    • Edit this page on Github
    Cerberus Design System | Docs