ToggleGroup

import { useState } from 'react';
import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  const [many, setMany] = useState<readonly string[]>([]);
  return (
    <W.ToggleGroup
      label="텍스트 스타일"
      items={[
        { value: 'bold', label: '굵게' },
        { value: 'italic', label: '기울임' },
      ]}
      value={many}
      onValueChange={setMany}
      multiple
      disabled={false}
    />
  );
}