"inline"-formulier

In sommige gevallen is er om technische redenen een formulier nodig rondom een knop maar is het niet nodig om deze visueel binnen een formulier te plaatsen. Voor die situaties is dit voorbeeld geschikt.

Benodigde stappen:

Voeg de benodigde bestanden toe aan het project. Voor een overzicht van de benodigde en optionele bestanden zie: Bijbehorende bestanden.
Voeg class="inline" toe aan het formulier.

Voorbeelden

Het basisvoorbeeld met een invoerveld en een verzendknop.

Basis

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post" class="inline">
  <button type="submit">Haal gegevens op</button>
</form>

Bijbehorende bestanden

Voor meer informatie over importeren en instellen van componenten. Zie: Componenten gebruiken en styling toevoegen

Importeer component via npm

CSS-voorbeeld:

@use "@minvws/manon/form-base";
@use "@minvws/manon/form-inline";

Instelbare variabelen

text-color

Bijbehorende elementen:

form-base