FormatDigital

shadow

Komponent FormatDigital je určený na formátovanie číselných hodnôt do ľudsky čitateľného digitálneho formátu s ohľadom na rôzne predpony jednotiek, ako sú kilo, mega, giga atď. Ponúka možnosti prispôsobenia jednotiek, štýlu zobrazenia jednotiek a podporuje lokalizáciu.

Základné použitie

Ukážka zobrazuje základné formátovanie číselnej hodnoty bez rozšírených volieb, aby bolo jasné predvolené správanie komponentu.

Možnosti zobrazenia

Ukážka porovnáva rôzne režimy zobrazenia tej istej hodnoty, takže rýchlo uvidíte rozdiel medzi jednotlivými formátmi.

Formátovanie bajtov

Ukážka sa sústreďuje na prevod hodnôt do bajtových jednotiek, čo sa hodí pri zobrazení veľkostí súborov alebo úložísk.

Formátovanie bitov

Ukážka sa sústreďuje na prevod hodnôt do bitových jednotiek, napríklad pre sieťové rýchlosti alebo prenosové limity.

Použitie so slotmi

Ukážka ukazuje, ako cez sloty doplniť vlastný obsah pred alebo za formátovanú hodnotu bez rušenia samotného výpočtu.

Kedy použiť

Použite wje-format-digital, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.

Kedy nepoužiť

Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.

Prístupnosť

Skontrolujte klávesnicové ovládanie, focus stavy, kontrast a zrozumiteľné pomenovanie interaktívnych prvkov.

Odporúčané postupy

• Preferujte API komponentu pred ručnými DOM zásahmi.
• Držte sa dizajnových tokenov a konzistentných konvencií pomenovania.
• Pred nasadením otestujte komponent v reálnych dátových scenároch.

Atribúty a vlastnosti

unit

Popis	Nastavuje textovú hodnotu uloženú vo voľbe unit.
Atribút	unit
Typ	string
Predvolené	byte

unitDisplay

Popis	Nastavuje textovú hodnotu uloženú vo voľbe unit-display.
Atribút	unit-display
Typ	string
Predvolené	short

unitDisplay

Popis	Nastavuje textovú hodnotu uloženú vo voľbe unitDisplay.
Atribút	unitDisplay
Typ	string
Predvolené	short

value

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

Udalosti

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

Metódy

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS tieňové časti

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

CSS vlastné premenné

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

Sloty

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