FAQ (Accordion) — section.faq
Fragen-Accordion auf nativen details/summary-Elementen (kein JS): Sektions-Kopf + Haarlinien-Trenner, Chevron dreht im offenen Zustand
Beispiele
Fragen-Accordion (native details/summary, kein JS)
FAQs
Du hast Fragen. Hier sind Antworten.
Was unterscheidet das Produkt vom Wettbewerb?
Es arbeitet mit dem vollen Kontext deiner Arbeit statt mit leeren Prompts.
Werden meine Daten für Training verwendet?
Nein. Deine Daten trainieren keine Dritt-Modelle.
Was kostet es?
Ein Abo, alle Modelle — Details auf der Preisseite.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
tone | string: dark | gray | light | "light" |
kicker | string | "" |
title | string | "" |
questions * | array | — |
subtitle | string | "" |
spacing | string: none | sm | md | lg | xl | "none" |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--band-surface | transparent |
--band-text | var(--color-text-default) |
--band-muted | var(--color-text-muted) |
--band-line | color-mix(in srgb, var(--band-text) 14%, transparent) |
Genutzte Design-Tokens
border.hairline color.accent color.band.dark color.band.dark-muted color.band.dark-text color.band.gray color.band.gray-muted color.band.gray-text color.text.default color.text.muted container.lg container.md font.family.default font.family.display font.family.mono font.leading.display font.size.display leading.loose size.12 size.4 size.5 size.6 size.8 text.reading text.sm text.xl tracking.wide weight.bold weight.semibold