/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/radix/collapsible-basic.tsx
32 строки
1 KB
shadcn
fix: refactor styles (#10190)
26 мар 2026, 13:36
Не верифицирован
26 мар 2026, 13:36
7d718dd
Код
Авторство
О чём код?
import { ChevronDownIcon } from "@/registry/icons/__lucide__" import { Button } from "@/styles/radix-nova/ui/button" import { Card, CardContent } from "@/styles/radix-nova/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/styles/radix-nova/ui/collapsible" export function CollapsibleBasic() { return ( <Card className="mx-auto w-full max-w-sm"> <CardContent> <Collapsible className="rounded-md data-[state=open]:bg-muted"> <CollapsibleTrigger asChild> <Button variant="ghost" className="group w-full"> Product details <ChevronDownIcon className="ml-auto group-data-[state=open]:rotate-180" /> </Button> </CollapsibleTrigger> <CollapsibleContent className="flex flex-col items-start gap-2 p-2.5 pt-0 text-sm"> <div> This panel can be expanded or collapsed to reveal additional content. </div> <Button size="xs">Learn More</Button> </CollapsibleContent> </Collapsible> </CardContent> </Card> ) }