Design System
Playground Zur Vorlage

Komponenten · InhaltAkkordeon

Komponente · 6 Varianten

Akkordeon

components/Akkordeon.astro

v2: Höhe animiert 300 ms, offener Punkt im Fond und in voller Textfarbe. FAQ mit details/summary, exklusiv per name. Plus dreht zu Kreuz, Chevron kippt. Nummer, Fond, erster offen, zwei Spalten.

Notizen

  • Bestand: kein Akkordeon. Sidebar nutzt details.
  • Kein JS. Kein Schatten, kein Radius.

Props

Name Typ Default Notiz
variant "plus" | "chevron" | "nummer" | "fond" | "offen" | "zwei-spalten" "plus" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Akkordeon variant="plus" surface="nacht" />

01 · Plus

+ dreht 45°

Mobil-Menü. Haarlinien.

Nacht

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

02 · Chevron

⌄ kippt

Nav-Link chevron. Zeichen, kein SVG.

Nacht

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

03 · Nummer

01 vor der Frage

Problem nummer. Mono.

Nacht

01 Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

02 Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

03 Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

01 Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

02 Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

03 Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

04 · Fond

Jede Frage im Fond

Karten. mb-3.

Nacht

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

05 · Offen

Erste Frage offen

FAQ. open.

Nacht

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

06 · Zwei Spalten

sm:grid-cols-2

Lange FAQ. Je Spalte eigene Haarlinie.

Nacht

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.

Paper

Wie lang dauert ein Slot?

Vierzehn Tage, vom Briefing bis zur Abnahme.

Was kostet die Fläche?

Ein Festpreis pro Slot. Kein Retainer, keine Stunden.

Wer schreibt die Texte?

Wir, aus dem Briefing. Sie geben frei.