Icon button
Icon button is used for buttons that show an icon in place of a text label.
On this page
On this page
Import
import {IconButton} from '@primer/react'
Examples
Props
IconButton
| Name | Default | Description | 
|---|---|---|
| childrenRequired | React.ReactNodeThis 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 | booleanWhether the button looks visually disabled, but can still accept all the same interactions as an enabled button. | |
| icon | Componentprovide an octicon. It will be placed in the center of the button | |
| sx | SystemStyleObject |