Components

AlertAutocompleteAvatarBadge & PillButtonCheckboxComboboxCorner DialogDialogFile UploaderFilepickerForm FieldGroupMenuOverlayPaginationPopoverPortalPositionerPulsarRadioSearch InputSelectSelect MenuSide SheetSpinnerStatus IndicatorSwitchTabTableTag InputText InputTextareaToasterTooltip

Button

A Button triggers an action or an event.

Open in GitHub
DetailsProperties

Button

Property
Type
Description
intent
string

The intent of the button.

appearance
string

The appearance of the button.

size
'small' | 'medium' | 'large'

The size of the button

isLoading
bool

When true, show a loading spinner before the children. This also disables the button.

isActive
bool

Forcefully set the active state of a button. Useful in conjunction with a Popover.

iconBefore
elementType | element

Sets an icon before the text. Can be any icon from Evergreen or a custom element.

iconAfter
elementType | element

Sets an icon after the text. Can be any icon from Evergreen or a custom element.

disabled
bool

When true, the button is disabled. isLoading also sets the button to disabled.

className
string

Class name passed to the button. Only use if you know what you are doing.

IconButton

Property
Type
Description
size
'small' | 'medium' | 'large'

The size of the button

icon
elementType | element

The Evergreen icon or custom icon to render

iconSize
number

Specifies an explicit icon size instead of the default value

intent
string

The intent of the button.

appearance
'default' | 'minimal' | 'primary'

The appearance of the button.

isActive
bool

Forcefully set the active state of a button. Useful in conjunction with a Popover.

disabled
bool

When true, the button is disabled. isLoading also sets the button to disabled.

className
string

Class name passed to the button. Only use if you know what you are doing.

TextDropdownButton

Property
Type
Description
isActive
bool

Forcefully set the active state of a button. Useful in conjuction with a Popover.

disabled
bool

When true, the button is disabled. isLoading also sets the button to disabled.

icon
elementType | element

An Evergreen icon or custom icon node. By default it uses CaretDownIcon

className
string

Class name passed to the button. Only use if you know what you are doing.