Skip to main content

Options

shadow

The Options element is intended for use inside the Select element and is used to display a dynamically generated list of options that is asynchronously retrieved from the specified URL.

note

For more information on using Options, navigate to the [Select] element documentation(./select)

When to use​

Use wje-select-options when you want to solve a given UI problem consistently within the WebJET design system.

When not to use​

Do not use a component outside of its responsibility; in an unusual case, prefer to assemble multiple smaller components.

Accessibility​

Check keyboard controls, focus states, contrast and clear naming of interactive elements.

  • Prefer API component over manual DOM interventions.
  • Stick to design tokens and consistent naming conventions.
  • Before deployment, test the component in real data scenarios.

Attributes and properties​

attached​

PopisRiadi správanie voľby attached v komponente.
Atribútattached
Typany
Predvolené-
PopisNastavuje rozmery alebo veľkosť pre voľbu dropdown-height.
Atribútdropdown-height
Typstring
Predvolené100%

itemText​

PopisNastavuje zobrazovaný text pre voľbu item-text.
Atribútitem-text
Typstring
Predvolenétext

itemValue​

PopisNastavuje textovú hodnotu uloženú vo voľbe item-value.
Atribútitem-value
Typstring
Predvolenévalue

lazy​

PopisUrčuje, či je voľba lazy zapnutá a ovplyvňuje správanie komponentu.
Atribútlazy
Typboolean
Predvolenéfalse

lazyLoadSize​

PopisNastavuje rozmery alebo veľkosť pre voľbu lazy-load-size.
Atribútlazy-load-size
Typnumber
Predvolené10

optionArrayPath​

PopisNastavuje odkaz na zdroj pre voľbu option-array-path.
Atribútoption-array-path
Typstring
Predvolenéfalse

queryParams​

PopisNastavuje textovú hodnotu uloženú vo voľbe query-params.
Atribútquery-params
Typstring
Predvolené-
PopisNastavuje textovú hodnotu uloženú vo voľbe search.
Atribútsearch
Typstring
Predvolenéfalse

searchParamName​

PopisNastavuje textovú hodnotu uloženú vo voľbe search-param-name.
Atribútsearch-param-name
Typstring
Predvolenésearch

searchToQueryParams​

PopisNastavuje textovú hodnotu uloženú vo voľbe search-to-query-params.
Atribútsearch-to-query-params
Typstring ｜ null
Predvolenéfalse

Events​

NázovPopis
wje-options:loadVyvolá sa po dokončení asynchrónneho načítania obsahu.

Methods​

addOption​

PopisPridá položku do spravovanej kolekcie komponentu.
Signatúra(optionData: object) => void

addOptions​

PopisPridá položky do spravovanej kolekcie komponentu.
Signatúra(optionsData: Array, silent?: boolean) => void

CSS shadow parts​

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

CSS custom variables​

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Slots​

Pre tento komponent nie sú dostupné žiadne sloty.

Content