Toggle Group

import { ToggleGroup, ToggleGroupProps } from '@creation-ui/react'
import { mdiAbacus, mdiAlarm, mdiBedQueenOutline } from '@mdi/js'
import { Icon } from '@mdi/react'
 
const options = [
  { value: '1', label: <Icon path={mdiAbacus} /> },
  { value: '2', label: <Icon path={mdiAlarm} /> },
  { value: '3', label: <Icon path={mdiBedQueenOutline} /> },
]
 
export const ToggleGroupExample = ({ size }: ToggleGroupProps) => {
  const [value, setValue] = useState<string>('1')
 
  return <ToggleGroup label='Select option' size={'sm'} options={options} value={value} onChange={setValue} />
}