Defines the look and feel of an Adaptable Button

TypeScript
export interface

Properties

PropertyDescriptionDefault
classNameCSS Classname to use for the Button
toneButton's Tone - values: 'success', 'error', 'neutral', 'none', 'warning', 'info', 'accent''neutral'
variantHow 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'