Componenten / Uitgebreid / Formulier

Nieuwsbrief

Inschrijven met één veld en één knop op één regel (mobiel onder elkaar).

UitgebreidFormulier1 instellingennewsletter

Voorbeeld

Instellingen

Laden…

<form class="gx-newsletter gx-newsletter--inline" name="nieuwsbrief" method="post" data-netlify="true">
  <label class="gx-label" for="n-mail">Blijf op de hoogte</label>
  <div class="gx-newsletter__row">
    <input class="gx-input" id="n-mail" name="email" type="email" autocomplete="email" inputmode="email" placeholder="naam@bedrijf.nl" required>
    <button class="gx-btn gx-btn--primary" type="submit">Inschrijven</button>
  </div>
</form>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

Sleutel	Instelling	Waarden	Standaard
`style`	Stijl	`inline` `stacked`	`inline`

Richtlijnen

Toegankelijkheid

Zichtbaar label boven het veld.

Wel

Zeg hoe vaak je mailt.

Niet

Pop-up bij binnenkomst.

Verwant

TekstveldInvoerveld met zichtbaar label, hulptekst en foutmelding direct onder het veld.

TekstvakMeerregelige invoer die meegroeit met de inhoud (field-sizing waar de browser het kent).

KeuzelijstNative select met eigen pijl: werkt overal, ook met toetsenbord en op mobiel.

SelectievakjeEén of meer keuzes aan of uit. Eigen vinkje, native input eronder.