ButtonStyle
Defines the look and feel of an Adaptable Button
TypeScript
export interfaceProperties
| Property | Description | Default |
|---|---|---|
| className | CSS Classname to use for the Button | |
| tone | Button's Tone - values: 'success', 'error', 'neutral', 'none', 'warning', 'info', 'accent' | 'neutral' |
| variant | How Button appears - values: 'text', 'outlined', 'raised' | 'outlined' |
Property Details
className
CSS Classname to use for the Button
TypeScript
className?: string;Property Value
string
tone
Button's Tone - values: 'success', 'error', 'neutral', 'none', 'warning', 'info', 'accent'
TypeScript
tone?: 'success' | 'error' | 'neutral' | 'none' | 'warning' | 'info' | 'accent';Default Value
'neutral'
Property Value
'success' | 'error' | 'neutral' | 'none' | 'warning' | 'info' | 'accent'
variant
How Button appears - values: 'text', 'outlined', 'raised'
TypeScript
variant?: 'text' | 'outlined' | 'raised';Default Value
'outlined'
Property Value
'text' | 'outlined' | 'raised'