Icon button

Icon button is used for buttons that show an icon in place of a text label.

  • @primer/react@36.5.0
  • Alpha
  • Not reviewed for accessibility

Import

import {IconButton} from '@primer/react'

Examples

View in Storybook

Props

IconButton

NameDefaultDescription
childrenRequired
React.ReactNode

This will be the Button description.

variant
'default' | 'primary' | 'danger' | 'outline' | 'invisible'

Changes the look and feel of the button which is different for each variant

size
'small' | 'medium' | 'large'

Changes the size of the icon button component

inactive
boolean

Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button.

icon
Component

provide an octicon. It will be placed in the center of the button

sx
SystemStyleObject