Icon button

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

  • @primer/react@36.1.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

icon
Component

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

sx
SystemStyleObject