@base-ui/react/button•Actions & Inputs
Button Interactive Canvas
Displays an interactive button with proportional size-to-radius geometry, smart variant/intent color resolution, leading/trailing slots, full-width alignment, and async loading state.
Canvas
Props Controls
10 props'default' | 'secondary' | 'outline' | 'ghost' | 'link'
'primary' | 'neutral' | 'success' | 'warning' | 'info' | 'danger'
'xs' | 'sm' | 'default' | 'lg' | 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg'
'start' | 'center' | 'end'
boolean
Disabled
boolean
Disabled
boolean
Disabled
ReactNode
ReactNode
ReactNode