WebJET Elementy
WebJET Elements obsahuje širokú škálu komponentov, ktoré sú optimalizované pre webové rozhrania. Tieto komponenty pokrývajú rôzne funkcie a sú navrhnuté tak, aby sa dali ľahko integrovať do akejkoľvek webovej aplikácie.
Jednoduchá integrácia animácií do webových aplikácií.
Element avatar slúži na vizuálnu prezentáciu používateľa alebo subjektu.
Badge slúži ako upozornenie, že k elementu sú priradené ďalšie elementy a informujú používateľa o ich počte.
Breadcrumbs je komponent, ktorý zobrazuje cestu, po ktorej používateľ prešiel v rámci aplikácie alebo webu.
Button (tlačidlo) je klikateľný element na vyvolávanie akcií, ktorý umožnuje zobraziť text, ikonu, prípadne oboje.
Card je flexibilný a rozšíriteľný kontajner formátu karty, ktorý umožňuje zobraziť širokú škálu obsahu.
Checkbox umožňuje používateľom vybrať jednu alebo viac možností z množiny.
Chip je univerzálny element, ktorý predstavuje malý vizuálny blok obsahujúci rôzne ďalšie elementy, ako napríklad avatary, text a ikony.
Color picker je element, ktorý zobrazuje farebnú paletu a umožňuje používateľom vybrať jednu z jej farieb.
Copy button umožnuje jedným kliknutím skopírovať želaný obsah do clipboardu.
Dialog zobrazuje dialógové okno nachádzajúce sa nad obsahom aplikácie.
Dropdown element slúži na zobrazenie kontextového menu po kliknutí na tlačidlo.
Jednoduchá integrácia animácií do webových aplikácií.
Icon poskytuje jednoduchý spôsob zobrazenia ikon zo vstavanej sady SVG obrázkov.
Icon picker umožňuje používateľovi nájsť a zvoli ť ikonu zo sady dostupných ikon.
Image Comparer slúži na porovnanie dvoch obrázkov pomocou vstavaného posuvníka.
Systém Grid je flexibilný spôsob vytvárania responzívnych rozvrhnutí (layoutov) rozdelením obrazovky na mriežku.
Infinite Scroll umožňuje implementovať dynamické načítavanie dát, keď používatelia scrollujú väčším množstvom obsahu.
Input element rozširuje možnosti štandardného HTML inputu pokročilými funkciami a možnosťami prispôsobenia.
Komponenty Item sú bloky, ktoré môžu obsahovať rôzne typy obsahu vrátane textu, ikon, avatarov, obrázkov, a mnoho iného.
Komponent List sa skladá z viacerých elementov Item a môže obsahovať text, tlačidlá, ikony, náhľady obrázkov, a mnoho iného.
Menu element slúži na zobrazenie navigácie. V predvolenom stave je schovaný a vyvolá sa napríklad kliknutím na tlačidlo.
Menu element slúži na zobrazenie navigácie. V predvolenom stave je schovaný a vyvolá sa napríklad kliknutím na tlačidlo.
Progress Bar element je komponent navrhnutý na vizualizáciu priebehu.
Radio element je rozšírená verzia štandardného HTML radio elementu.
Select element rozširuje možnosti štandardného HTML select elementu.
Element Slider je umožňuje praktickým spôsobom vybrať hodnotu z rozsahu hodnôt.
Split view je komponent, ktorý umožňuje vytvoriť delené zobrazenie s dvoma alebo viacerými sekciami a posuvom upravovať ich veľkosť.
Tab Group zobrazuje záložkovú navigáciu, ktorá umožňuje zobrazovať rôzne časti aplikácie bez potreby prechádzať na inú stránku.
Komponent toast poskytuje nenápadný spôsob zobrazovania krátkych oznámení používateľovi.
Toggle elementy sú malé interaktívne ovládacie prvky, ktoré umožňujú prepínať medzi dvoma stavmi.
Element Tooltip slúži na zobrazovanie vyskakovacej nápovedy pri nájazde myšou.
Toolbar je určený na zobrazovanie rôzneho obsahu organizovaným spôsobom, a zvyčajne sa používa v hornej časti stránok.