Rate

shadow

Stránka pre wje-rate bola automaticky doplnená, aby dokumentácia pokrývala aktuálnu verziu komponentov. Detailné návody na použitie a odporúčania doplníme v ďalšej obsahovej fáze.

Kedy použiť

Použite wje-rate, keď používateľ zadáva hodnotu, vyberá možnosti alebo vykonáva akciu vo formulári.

Kedy nepoužiť

Nepoužívajte ho len ako vizuálny dekoratívny prvok bez interakcie. V takom prípade uprednostnite prezentačné komponenty.

Prístupnosť

Vždy prepojte komponent s popisom (label/aria-label), zachovajte ovládanie klávesnicou a pri validačných chybách zobrazte zrozumiteľnú správu.

Odporúčané postupy

• Majte jednotné validačné pravidlá a error stavy naprieč celým formulárom.
• Pri asynchrónnych operáciách zobrazte stav načítania alebo disabled stav.
• Pri zložitých formulároch preferujte menšie sekcie a okamžitú spätnú väzbu.

Atribúty a vlastnosti

isHover

Popis	Riadi správanie voľby is-hover v komponente.
Atribút	is-hover
Typ	any
Predvolené	-

value

Popis	Nastavuje aktuálnu hodnotu hodnotenia.
Atribút	value
Typ	number
Predvolené	-

max

Popis	Nastavuje maximálnu hodnotu hodnotenia.
Atribút	max
Typ	number
Predvolené	-

disabled

Popis	Vypína používateľskú interakciu s komponentom.
Atribút	disabled
Typ	any
Predvolené	-

readonly

Popis	Zabráni používateľovi upravovať hodnotu.
Atribút	readonly
Typ	any
Predvolené	-

precision

Popis	Nastavuje číselnú hodnotu používanú vo voľbe precision.
Atribút	precision
Typ	number
Predvolené	-

icons

Popis	Definuje zoznam hodnôt spracovaných vo voľbe icons.
Atribút	icons
Typ	Array<string>
Predvolené	-

Udalosti

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

Metódy

createIcons

Popis	Vytvorí icons a pripojí ho do štruktúry komponentu.
Signatúra	(i: number) => Element

changeRate

Popis	Spustí metódu changeRate na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	() => void

getIcons

Popis	Vráti icons z aktuálneho stavu komponentu.
Signatúra	(index: number) => Element

getValueFromXPosition

Popis	Vráti hodnotu from xposition z aktuálneho stavu komponentu.
Signatúra	(coordinate: number) => number

roundToPrecision

Popis	Spustí metódu roundToPrecision na vykonanie logiky komponentu a aktualizáciu jeho stavu.
Signatúra	(numberToRound: number, precision?: number) => number

CSS tieňové časti

Názov	Popis
native	Štýluje koreňovú shadow časť komponentu.

CSS vlastné premenné

Názov	Popis
--wje-rate-gap	Vlastná CSS premenná, ktorá riadi gap.
--wje-rate-color	Vlastná CSS premenná, ktorá riadi color.
--wje-rate-selected-color	Vlastná CSS premenná, ktorá riadi selected color.

Sloty

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