<IconButtonDocs />

IconButton is an accessible action element represented by an icon.

Usage

Use the variant prop to switch between button styles.

<IconButton icon={<Icon id='settings' />} />

Props

TypeScript customization

You can use module augmentation to customize the TypeScript types for any of IconButton's props:

declare module 'componentry/types/components/IconButton/IconButton' {
  interface IconButtonPropsOverrides {
    // ... overwrite any types for IconButton props ...
  }
}

See the TypeScript guide for more information.

StylingIconButton styles