Select

shadow

Select element rozširuje možnosti štandardného HTML select elementu. Podporuje jeden alebo viacero výberov pridaním atribútu multiple. Okrem toho ponúka funkcie, ako sú zmazateľné výbery a vlastný zástupný text (placeholder). Vizuálne môže komponent zobrazovať vybrané možnosti ako chipy a obsahuje vstupné pole a rozbaľovací zoznam možností.

Základné použitie

V predvolenom nastavení výber umožňuje používateľovi vybrať len jednu možnosť. Zahrnutím elementu Icon sa pri možnosti zobrazí aj zvolená ikona.

Výber viacerých položiek

Pridaním atribútu multiple umožníte používateľovi vybrať viacero možností.

Clearable

Pridaním atribútu clearable umožníte používateľovi odstrániť všetky zvolené možnosti kliknutím na ikonu .

Disabled

Pridaním atribútu disabled zabránite používateľovi interagovať so Selectom.

Dynamický zoznam možností

Použitím komponentu Options je podporovaný aj dynamicky generovaný zoznam možností, ktorý sa asynchrónne načíta zo zadanej URL adresy.

Standard

Pridaním atribútu standard sa zobrazí Select v štýle štandardného HTML selectu.

Atribúty a Vlastnosti

No properties available for this component.

Eventy

No events available for this component.

Metódy

undefined

CSS Shadow Parts

Name	Description
native	Refers to div inside an element.
arrow	The content is placed in the wj-icon element

CSS Custom Vlastnosti

Name	Description
--wj-select-background-color	Background colour of the element
--wj-select-border-color	Colour of element edges
--wj-select-border-radius	Rounding of the edges of the element
--wj-select-border-style	Rounding style of the element
--wj-select-border-width	Width of the edges of the element
--wj-select-color	Element colour
--wj-select-line-height	Element row height
--wj-select-options-border-color	The colour of the drop-down window edges
--wj-select-options-border-style	The style of the drop-down window borders
--wj-select-options-border-width	Width of the drop-down window edges

Sloty

No slots available for this component.