Tonic UI
Getting StartedColor ModeColor StyleVersionsContributing
THEME
BordersBreakpointsColorsOutlinesPositionsSpacingSizesShadowsTypography
BUILDING BLOCKS
BoxControlBox
UTILITIES

ButtonBase

ButtonBase does not have appearance settings including default border, color, outline, and padding. It aims to be a simple building block for creating a button.

Import

Usage

EDITABLE EXAMPLE

Attributes

Standard button attributes are supported, e.g., type, disabled, etc.

disabled

EDITABLE EXAMPLE

Icon button

See IconButton for more information.

Props

NameTypeDefaultDescription
disabledbooleanIf true, the button will be disabled. This sets aria-disabled=true and you can style this state by passing the _disabled prop.