toggle-group-outline

import { ToggleGroup, ToggleGroupItem } from '@/registry/default/ui/toggle-group';

export default function TabsDemo() {
  return (
    <ToggleGroup type="multiple" variant="outline" defaultValue={['1W', '1M']}>
      <ToggleGroupItem value="1D">1D</ToggleGroupItem>
      <ToggleGroupItem value="1W">1W</ToggleGroupItem>
      <ToggleGroupItem value="1M">1M</ToggleGroupItem>
      <ToggleGroupItem value="6M">6M</ToggleGroupItem>
      <ToggleGroupItem value="1Y">1Y</ToggleGroupItem>
    </ToggleGroup>
  );
}