Toggle / ToggleGroup

<div class="flex items-center gap-2">
  <Toggle v-model="left"><AlignLeft class="h-4 w-4" /></Toggle>
  <Toggle v-model="center"><AlignCenter class="h-4 w-4" /></Toggle>
  <Toggle v-model="right"><AlignRight class="h-4 w-4" /></Toggle>
  <Separator orientation="vertical" class="mx-1 h-6" />
  <Toggle v-model="bold" size="sm"><Bold class="h-3.5 w-3.5" /></Toggle>
  <Toggle v-model="italic" size="sm"><Italic class="h-3.5 w-3.5" /></Toggle>
</div>

<ToggleGroup v-model="view" :options="[
  { label: '网格', value: 'grid' },
  { label: '列表', value: 'list' },
  { label: '拓扑', value: 'topo' }
]" />