Accordion

FREE

Çizgi, kart ve sade stillerde; ikonlu, açıklamalı ve yumuşak yükseklik animasyonlu açılır bölümler.

Kurulum

Terminal

npx @bloxa/cli add accordion
# or: npx shadcn@latest add @bloxa/accordion

Otomatik kurulan paketler: radix-ui

Yes. Arrow keys move between headers, Enter and Space toggle, and screen readers hear the expanded state.

Use type="multiple". With type="single" and collapsible, one item opens at a time and can be closed.

Height and opacity animate without measuring the content, and motion is skipped for reduced-motion users.

Update how you appear to your team.

Turn on two-factor authentication to protect your account.

You are on the Pro plan, paid once for life.

Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.

Özellik	Tip	Varsayılan	Açıklama
type	"single" \| "multiple"	—	Tek ya da birden çok açık öğe.
collapsible	boolean	false	single modda açık öğe kapatılabilir.
variant	"line" \| "card" \| "ghost"	"line"	Görünüm.

Özellik	Tip	Varsayılan	Açıklama
icon	ReactNode	—	Başlıktan önce ikon.
description	ReactNode	—	Başlık altında ikinci satır.
indicator	"chevron" \| "plus"	"chevron"	Sağdaki işaret.