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

accordion/usage

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

Accordion component imports

The accordion component exports four parts that should be imported from @/components/ui/accordion: Accordion, AccordionContent, AccordionItem, and AccordionTrigger.

Accordion basic usage example

Basic accordion usage: import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" <Accordion defaultExpandedKeys={["item-1"]}> <AccordionItem id="item-1"> <AccordionTrigger>Is it accessible?</AccordionTrigger> <AccordionContent> Yes. It adheres to the WAI-ARIA design pattern. </AccordionContent> </AccordionItem> </Accordion>

Accordion basic usage example

Basic accordion example with default value set to first item: ```tsx showLineNumbers <Accordion defaultValue={["item-1"]}> <AccordionItem value="item-1"> <AccordionTrigger>Is it accessible?</AccordionTrigger> <AccordionContent> Yes. It adheres to the WAI-ARIA design pattern. </AccordionContent> </AccordionItem> </Accordion> ```

Accordion import statement

Import the accordion components from @/components/ui/accordion: import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"

Accordion basic usage example

A basic accordion with single item open at a time: <Accordion type="single" collapsible defaultValue="item-1"><AccordionItem value="item-1"><AccordionTrigger>Is it accessible?</AccordionTrigger><AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent></AccordionItem></Accordion>

Give your agent this brain