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.