FAQ

Häufige Fragen als Accordion in Kartenform. Eine oder mehrere Antworten dürfen offen sein; Pfeiltasten, Enter und Leertaste funktionieren wie gewohnt.

Live-Beispiel

Vorschau

Desktop, Tablet und Mobil über den Umschalter in der Kopfzeile. Unterhalb von 768 px greifen die echten Media-Queries im Rahmen.

Code

Der Block bringt keine Datenlogik mit; Inhalte kommen über Props. Links lassen sich über renderLink an den Router der App anschließen.

faq.tsxtsx

import { Faq } from '@lukasfend/ui/blocks/marketing';

export function Fragen() {
  return (
    <Faq
      items={[
        {
          question: 'Wie lange dauert der Einstieg?',
          answer: 'Die erste Woche steht in unter einer Stunde.',
        },
      ]}
    />
  );
}