new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

shadcn/ui · Components · all subjects

tabs/usage

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Tabs basic usage example

Example showing basic Tabs usage: <Tabs defaultSelectedKey="account" className="w-[400px]"><TabsList><TabsTrigger id="account">Account</TabsTrigger><TabsTrigger id="password">Password</TabsTrigger></TabsList><TabsContent id="account">Make changes to your account here.</TabsContent><TabsContent id="password">Change your password here.</TabsContent></Tabs>

Tabs basic usage example

Basic tabs implementation with defaultValue="account" and className="w-[400px]", containing TabsList with two TabsTrigger elements (value="account" and value="password"), followed by two TabsContent elements matching each trigger's value. The example shows: <Tabs defaultValue="account" className="w-[400px]"><TabsList><TabsTrigger value="account">Account</TabsTrigger><TabsTrigger value="password">Password</TabsTrigger></TabsList><TabsContent value="account">Make changes to your account here.</TabsContent><TabsContent value="password">Change your password here.</TabsContent></Tabs>

Tabs import statement

Import Tabs components using: import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

Basic Tabs usage example

Example of using Tabs with default value and content panels: ```tsx showLineNumbers <Tabs defaultValue="account" className="w-[400px]"> <TabsList> <TabsTrigger value="account">Account</TabsTrigger> <TabsTrigger value="password">Password</TabsTrigger> </TabsList> <TabsContent value="account">Make changes to your account here.</TabsContent> <TabsContent value="password">Change your password here.</TabsContent> </Tabs> ``` This example shows a Tabs component with a defaultValue of "account", a TabsList containing two TabsTrigger items, and corresponding TabsContent sections.

Give your agent this brain