Animation

shadow

Element Animation umožňuje jednoduchú integráciu animácií do webových aplikácií, čím prispieva k tvorbe pútavých a interaktívnych používateľských rozhraní. Ponúka široké možnosti prispôsobenia, vrátane nastavenia oneskorenia, trvania a počtu opakovaní animácií.

Základné použitie

Kedy použiť

Použite wje-animation, 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

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

Udalosti

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

Metódy

getAnimationsArray

Popis	Vráti animations array z aktuálneho stavu komponentu.
Signatúra	() => Array

destroyAnimation

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

play

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

cancel

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

CSS tieňové časti

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

CSS vlastné premenné

Názov	Popis
--size	Vlastná CSS premenná na štýlovanie komponentu (size).

Sloty

Názov	Popis
default	Predvolený slot pre hlavný obsah komponentu.