Accordion
Akordeon s variantami default / filled / separated / outlined, multiple expand a icon position
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/accordion.json
Usage
Preview
Varianta: default
Kolekce React komponent postavených na shadcn/ui.
Použijte: npx shadcn@latest add [název]
Varianta: filled
Kolekce React komponent postavených na shadcn/ui.
Použijte: npx shadcn@latest add [název]
Varianta: separated
Kolekce React komponent postavených na shadcn/ui.
Použijte: npx shadcn@latest add [název]
Varianta: outlined
Kolekce React komponent postavených na shadcn/ui.
Použijte: npx shadcn@latest add [název]
Multiple expand (filled)
Obě sekce jsou výchozně otevřené.
V multiple módu lze mít otevřeno více najednou.
Import
import { Accordion } from "@/components/ui/accordion"
Example
<Accordion
variant="default"
multiple={false}
defaultOpen={["1"]}
items={[
{ id: "1", title: "Sekce 1", content: "Obsah první sekce." },
{ id: "2", title: "Sekce 2", content: "Obsah druhé sekce." },
{ id: "3", title: "Sekce 3", content: "Obsah třetí sekce." },
]}
/>
Dependencies
lucide-reacthttps://registry.ceskysoftware.cz/r/utils.json (registry)