FAQ

A native details/summary accordion, no JavaScript.

A frequently-asked-questions accordion (ADR 0020): an optional heading and intro, then a divided list of native<details>/<summary> disclosures.

Keyboard- and screen-reader-accessible with no JavaScript, and no swap-safe burden either — unlike the Header's ARIA disclosures it survives a client-side navigation as plain markup, because it is plain markup. Items open independently; the default marker is replaced with a CSS chevron that rotates on [open]. Tab to a question and press Enter or Space.

The accordion

Tone

Ofte stillede spørgsmål

Alt, hvad du har brug for at vide om at leje en bolig hos Juli Living.

Hvordan ansøger jeg om en bolig?

Gennemse de ledige boliger, åbn den, du kan lide, og ansøg online. Hele processen foregår digitalt og tager som regel kun få minutter.

Hvor stort et depositum skal jeg betale?

Depositummet vises ved hver bolig – typisk en til tre måneders husleje. Du finder det nøjagtige beløb på boligens side, før du ansøger.

Hvornår kan jeg flytte ind?

Hver bolig viser sin tidligste indflytningsdato. Boliger markeret “kommer snart” kan ikke lejes endnu – opret en boligagent, så giver vi dig besked, så snart en bliver ledig.

Props

packages/primitives/src/Faq.astro
PropTypeRequired
heading

Optional section heading; omit when the page supplies its own (e.g. the FAQ page's h1 lead).

string
body

Optional intro under the heading.

string
itemsFaqItem[]yes
headingLevel1 | 2 | 3 | 4 | 5 | 6
FaqItem — referenced by a prop above
FieldTypeRequired
questionstringyes
answerstringyes