Preview

Usage

import { ButtonGroup, ButtonGroupItem } from "natmfat/components/ButtonGroup";
import { tokens } from "natmfat/lib/tokens";

<ButtonGroup
  style={{ width: tokens.space256 }}
  orientation="horizontal"
  defaultValue="unread"
  color="primary"
>
  <ButtonGroupItem value="unread">Unread</ButtonGroupItem>
  <ButtonGroupItem value="all">All</ButtonGroupItem>
</ButtonGroup>

Prop	Type	Default
name	string
value	string
defaultValue	string
onChange	(value: string) => void
orientation	"horizontal""vertical"	"horizontal"
disabled	boolean
size	ButtonProps['size']	tokens.space16
color	Color	"primary"