Solora UI - Dropdown

Dropdowns

Elegante selectiemenu's met volledige toetsenbordondersteuning en vervaagde achtergronden.

<sol-dropdown placeholder="Kies iets" name="fruit"> <div class="dropdown-label">Categorie</div> <div class="dropdown-item" data-value="1">Optie 1</div> <div class="dropdown-divider"></div> <div class="dropdown-item" data-value="2">Optie 2</div> </sol-dropdown>

API Referentie

Attribuut (sol-dropdown)	Type	Default	Beschrijving
`name`	string	`"dropdown"`	Naam voor de verborgen input (handig voor formulierinzendingen).
`placeholder`	string	-	Tekst die wordt weergegeven als er niets geselecteerd is.

Child Elementen (Binnenin)

Element / Class	Beschrijving
`<div class="dropdown-item">`	Een selecteerbare optie.
`data-value="..."` op item	De onderliggende waarde die in de hidden input wordt gezet. Indien afwezig, wordt de textContent gebruikt.
`aria-disabled="true"` op item	Maakt een item niet-selecteerbaar en grijs.
`<div class="dropdown-label">`	Een niet-klikbaar label (header) voor een groep opties.
`<div class="dropdown-divider">`	Een subtiele horizontale lijn om items te scheiden.