Button Group

A set of related buttons.

Basic

Variant

set the type or styles of all buttons in the group.

Sizes

Vertical

Disabled

disable all buttons in the group.

APIs / Schnittstellendokumentation

ButtonGroup.Props

AttributeDescriptionTypeAccepted valuesDefault
typebutton typeButtonTypesButtonTypesdefault
sizebutton sizeNormalSizesNormalSizesmedium
ghostthe opposite colorboolean-false
verticalshow all buttons verticallyboolean-false
disableddisable all buttonsboolean-false
...native propsButtonHTMLAttributes'id', 'className', ...-

ButtonTypes

type ButtonTypes =
  | 'default'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'abort'
  | 'secondary-light'
  | 'success-light'
  | 'warning-light'
  | 'error-light'

NormalSizes

type NormalSizes = 'mini' | 'small' | 'medium' | 'large'

Co-Creators