Kleurselector
Introductie
Een kleurselector stelt de gebruiker in staat om een kleur te kiezen uit een visuele interface, zoals een kleurveld of kleurkiezer. Dit is handig bij toepassingen waar specifieke kleuren belangrijk zijn, bijvoorbeeld bij ontwerp- of personalisatie-instellingen.
Snelstart
SCSS importeren:
@use "@minvws/manon/components/color-picker";
Voorbeelden
<form action="" method="post">
<label for="color-input-1">Selecteer de gewenste kleur</label>
<input id="color-input-1" name="color-input-1" type="color" value="#ffffff" />
<button type="submit">Verzend</button>
</form>
Aandachtspunten
Voeg `type="color"` toe aan het invoerveld.
Voeg basiskleurwaarde met een hexidecimalekleurcode aan binnen: `value`. Voorbeeld: `value="#ffffff"`. De ingevoerde kleur is de kleur waarin het selectievak getoont wordt binnen het formulier voordat de gebruiker een andere keuze maakt.