TabsZwischen zusammengehörenden Inhalten wechseln.
Tabs
Lorem ipsum dolor sit amet.
import Tabs, { Tab } from '@/components/Tabs'; export function Example() { return ( <Tabs> <Tab $title="Lorem" $selected>Lorem ipsum dolor sit amet.</Tab> <Tab $title="Ipsum">Consectetur adipiscing elit.</Tab> </Tabs> );}
Tabs ($type="colored")
Lorem ipsum dolor sit amet.
import Tabs, { Tab } from '@/components/Tabs'; export function Example() { return ( <Tabs $type="colored"> <Tab $title="Lorem" $color="blue" $selected>Lorem ipsum dolor sit amet.</Tab> <Tab $title="Ipsum" $color="green">Consectetur adipiscing elit.</Tab> <Tab $title="Dolor" $color="amber">Sed do eiusmod tempor incididunt.</Tab> <Tab $title="Sit" $color="purple">Ut labore et dolore magna aliqua.</Tab> </Tabs> );}