Documentation
Components
Button

Button

Colors

Button colors.

Preview

Code

HTML

Code

JSX/TSX

Variants

Solid

Preview

Code

HTML

Code

JSX/TSX

Outline

Preview

Code

HTML

Code

JSX/TSX

Ghost

Preview

Code

HTML

Code

JSX/TSX

Light

Preview

Code

HTML

Code

JSX/TSX

Group

Preview

Code

HTML

Code

JSX/TSX

Radio Typed Group

Preview

Code

HTML

Code

JSX/TSX

Enhanced Style

Compact

Usually use as Icon Button.

Preview

Code

HTML

Code

JSX/TSX

Pill

Preview

Code

HTML

Code

JSX/TSX

Loading

Preview

Code

HTML

Code

JSX/TSX

Disabled

Preview

Code

HTML

Code

JSX/TSX

Slot

Preview

Code

HTML

Code

JSX/TSX

Sizes

Preview

Code

HTML

Code

JSX/TSX

Classes

Class NameDescription
buttonWrapper htmlFor button
solidSet solid style
outlineSet outline style
lightSet light style
ghostSet ghost style
compactSet compact style (The padding in the horizontal and vertical directions is the same, usually used as icon button)
pillSet pill corner style
btn-groupWrapper htmlFor button group
verticalSet button group vertical align (default is horizontal)
scrollableSet button group scrollable
is-loadingAdd loading indicator for button
xsSet extra small size
smSet small size
mdSet medium size
lgSet large size
xlSet extra large size