Early access. Read the blog post

The Button component.

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
fontSize?: number | number[]
mode?: 'default' | 'ghost' | 'bleed'
icon?: React.ComponentType | React.ReactNode
iconRight?: React.ComponentType | React.ReactNode
justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'
padding?: number | number[]
paddingX?: number | number[]
paddingY?: number | number[]
paddingTop?: number | number[]
paddingRight?: number | number[]
paddingBottom?: number | number[]
paddingLeft?: number | number[]
radius?: number | number[]
selected?: boolean
space?: number | number[]
text?: React.ReactNode
tone?: 'default' | 'brand' | 'positive' | 'caution' | 'critical'
type?: 'button' | 'reset' | 'submit'
Updated 2w ago
On this page
By
the platform for structured content