Components
Loading preview...
A set of two-state buttons that can be toggled on or off..
npx shadcn@latest add https://21st.dev/r/sean0205/toggle-group-1import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group-1';
export default function TabsDemo() {
return (
<ToggleGroup type="multiple" 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>
);
}