Accordion Refactoring // Konsolidierung

c4a8-web / shared-components

Storybook driven shared web components.

1 stars 1 forks source link

Accordion Refactoring // Konsolidierung #170

Open Listor opened 3 weeks ago

Listor commented 3 weeks ago

Die Accordion Komponente soll semantisch und funktional überarbeitet werden. Dafür erfassen wir hier alle bisherigen Anforderungen und erarbeiten so die neuen konsolidierten Anforderungen an die Komponente.

Komponente: https://c4a8-web.github.io/shared-components/?path=/story/components-accordion--default

Parameter/Optionen:

Headline (optional)
Headline Ausrichtung (zentriert: default, links)
Tabs (1-n) Liste von Einträgen (Bestehen aus: Headline, Content, Image, Cloudinary, Alt, Expanded, Animated)
Ohne Schatten (default: false)
Ein Bild Mobil über dem Accordion (optional) - Alternativ werden die Bilder im Accordion angezeigt
Bild links läuft auf Desktop sticky mit (kann man hier unten am Besten sehen https://www.konnekt.io/)
Spacing Klassen (optional)

Listor commented 3 weeks ago

@cakageka @philipppertz @KristinRolfes

Habe ich irgendwas vergessen oder gibt es neue/geänderte Anforderungen an die Komponente?

Wie soll die semantische Struktur aufgebaut sein, müssen wir dann noch klären. Beispiele findet ihr ja hier auf der Seite https://developers.google.com/search/docs/appearance/structured-data/faqpage?hl=de

Vielleicht auch überlegen, in wie weit es sich von der FAQ Komponente unterscheidet oder unterscheiden soll?

https://c4a8-web.github.io/shared-components/?path=/story/components-faq--multiple-entries

Listor commented 3 weeks ago

Wie besprochen:

Das Bild optional und dann könnte man es mit dem FAQ verheiraten
Laufweite mit und ohne Bild dann mit Design abstimmen
Structured Data (optional) einschaltbar. Vermutlich FAQ Struktur passt am besten, aber nochmal prüfen

philipppertz commented 2 weeks ago

@Listor Ich fände es gut, wenn es zwischen Headline und Tab Headline 1 noch die Möglichkeit für eine kurze Copy (2-3 Sätze) gäbe. Ich meine, das sogar irgendwo auf der Seite schon gesehen zu haben und hatte es vor allem für die Azure Texte überall im Copydoc so eingeplant. Ansonsten keine Anmerkungen und alles top. :-)

Listor commented 2 weeks ago

Also optionale copy unter der headline. Wie lang die dann ist, würde ich jetzt nicht beschränken, aber kann man natürlich noch mit reinnehmen.