/
githubmirror
/
ui
Обзор
Документация
Войти
/
githubmirror
/
ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
apps/v4/examples/base/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/base-nova/ui/button" import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/styles/base-nova/ui/collapsible" export function CollapsibleBasic() { return ( <Card className="mx-auto w-full max-w-sm"> <CardContent> <Collapsible className="rounded-md data-open:bg-muted"> <CollapsibleTrigger render={<Button variant="ghost" className="w-full" />} > Product details <ChevronDownIcon className="ml-auto group-data-panel-open/button:rotate-180" /> </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> ) }