Inputs

Prachtig vormgegeven tekstvelden met ondersteuning voor iconen, validatie en glasmorfisme.

<sol-input label="E-mail" type="email" icon="mail"></sol-input> <sol-input variant="glass" placeholder="Glass style"></sol-input>

API Referentie

Attribuut Type Default Beschrijving
label string - De tekst die boven het inputveld wordt getoond.
type string "text" Native HTML input type (bijv. text, email, password, number, file).
placeholder string - Placeholder tekst voor lege velden.
value string - De vooringevulde waarde van het veld. Synchroniseert live met JavaScript.
variant "default" | "glass" "default" Verandert de achtergrondstijl van het inputveld.
icon string - Naam van het Lucide icoon om te tonen in of naast het veld.
icon-pos "start" | "end" | "start-outside" | "end-outside" "start" Positie van het icoon ten opzichte van het tekstvak.
icon-bg "primary" | "secondary" | "success" | "warning" | "danger" | "glass" - Voegt een gekleurde of glazen achtergrond toe specifiek aan het icoonblok.
disabled, required, min, max, accept native types - Native HTML attributen worden direct doorgegeven voor validatie.