26 lines
611 B
TypeScript
26 lines
611 B
TypeScript
import {
|
|
Accordion,
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from "@/components/ui/accordion"
|
|
import { ModeToggle } from "@/components/mode-toggle"
|
|
|
|
function App() {
|
|
return (
|
|
<div className="max-w-lg flex flex-row">
|
|
<ModeToggle />
|
|
<Accordion type="single" collapsible>
|
|
<AccordionItem value="item-1">
|
|
<AccordionTrigger>Is it accessible?</AccordionTrigger>
|
|
<AccordionContent>
|
|
Yes. It adheres to the WAI-ARIA design pattern.
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
</Accordion>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default App
|