Mehr FAQ-Layouts (9)
Alle anschauen- 02Pro

FAQ mit Support-Karte
Eine feste Support-Karte verankert die Einstiegsspalte, die geöffnete Frage füllt sich mit Markenfarbe. React und Tailwind: Kontakt-Button verknüpfen.
- 03Pro

FAQ mit hervorgehobener Frage
Die meistgestellte Frage bekommt eine breite Markenkarte über vier Icon-Karten, deren Antworten nie einklappen. React und Tailwind: Top-Frage hervorheben.
- 04Pro

Filterbare FAQ-Liste
Ein Segmented Control filtert acht Zeilen in einem umrandeten Panel, jede mit Kategorie markiert. React und Tailwind: Themen umbenennen, fertig.
- 05Pro

Help-Center-Bento-Grid
Bento-Kacheln leiten Besucher zu Hilfeartikeln statt direkt zu antworten, unter einem echten Suchformular. React und Tailwind: Formular verknüpfen.
- 06Pro

Illustriertes FAQ-Panel
Ein invertiertes Kontakt-Panel und ein Sticker stehen neben sechs Zeilen mit Farbstreifen beim Öffnen. React und Tailwind: eigene Grafik einsetzen.
- 07Pro

Pillenförmige FAQ-Spalten
Zwei Spalten aus Pillen-Zeilen wölben sich um ein rundes Badge, jede wird beim Öffnen zum eckigen Panel. React und Tailwind: unter einem Hero einsetzen.
- 08Pro

Durchsuchbare FAQ-Kategorien
Ein Suchfeld grenzt vier Kategoriekarten auf ein zweispaltiges Grid ein, mit Leerzustand ohne Treffer. React und Tailwind: Fragenkatalog einfügen.
- 09Pro

Sidebar-Kategorie-FAQ
Eine Sidebar mit sechs Kategorien tauscht die Antworten daneben aus, alle dreizehn bleiben im Seitenquelltext. React und Tailwind: Kategorien eintragen.
- 10Pro

Zweispaltiges FAQ-Akkordeon
Ein Call-to-Action bleibt neben vier nativen Aufklapp-Zeilen fixiert, ganz ohne Client-JavaScript. React und Tailwind: Button mit Help-Center verknüpfen.
https://neobrutalism.com/de/blocks/faq/categorised-faq-columns




















