FaqAccordion

Inhalt

Accordion mit butterweicher Höhen-Animation über den grid-template-rows-Trick (0fr → 1fr) — ohne JavaScript-Höhenmessung. Das Plus-Icon morpht beim Öffnen zum Minus. Vollständig tastaturbedienbar.

Live Demo

Kann ich auch ohne Reservierung vorbeikommen?

Ja, natürlich! Eine Reservierung empfehlen wir nur freitags und samstags ab 18 Uhr sowie an Feiertagen — dann ist unser Gastraum oft voll besetzt.

Gibt es vegane und glutenfreie Gerichte?

Mehrere Pizzen und Pasta-Gerichte sind vegan erhältlich. Glutenfreien Pizzateig bieten wir gegen einen kleinen Aufpreis an — bitte bei der Bestellung angeben.

Bieten Sie einen Lieferservice an?

Innerhalb von Dahn liefern wir ab 15 € Bestellwert kostenlos. Umliegende Ortschaften beliefern wir gegen eine kleine Anfahrtspauschale.

Kann ich Räumlichkeiten für Feiern mieten?

Unser Nebenraum bietet Platz für bis zu 40 Personen und kann für Geburtstage, Taufen oder Firmenfeiern reserviert werden. Sprechen Sie uns einfach an!

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`items`	`FaqItem[]`	Ja	—	Fragen & Antworten {question, answer}
`allowMultiple`	`boolean`	Nein	`false`	Mehrere gleichzeitig geöffnet erlauben
`defaultOpen`	`number`	Nein	`-1`	Index des initial geöffneten Eintrags
`accentColor`	`string`	Nein	`'#0d9488'`	Akzentfarbe (geöffnete Frage, Icon)
`theme`	`'light' \| 'dark'`	Nein	`'light'`	Farbschema
`className`	`string`	Nein	—	Zusätzliche CSS-Klasse

Code-Beispiel

<FaqAccordion
  defaultOpen={0}
  items={[
    { question: 'Kann ich auch ohne Reservierung kommen?', answer: 'Ja, Reservierungen empfehlen wir nur am Wochenende.' },
    { question: 'Gibt es vegane Gerichte?', answer: 'Ja, mehrere Pizzen und Pasta-Gerichte sind vegan erhältlich.' },
    { question: 'Bieten Sie Lieferservice an?', answer: 'Innerhalb von Dahn liefern wir ab 15 € Bestellwert kostenlos.' },
  ]}
/>