Emersion OSAFWKatalog komponent
V2 · Design system / klikací katalog
← Studio
Premium Compact · zlatý standard výtvarného směru

Komponenty, které tvoří celek.

Jednotné proporce, rozumná informační hustota, důsledná práce s hloubkou a krásně vyřešené detaily. Vyzkoušej chování jednotlivých prvků — jde o vizuální kandidáty, ne finální API frameworku.

Klikni na jednotlivé prvky, prohlédni jejich stavy a zkus změnit motiv i hustotu.

V2.0.0 · čeká na tvé připomínky

Tlačítka a akce

Hierarchie akcí, ikonové ovladače a funkční stavy.

01 / ACTIONS
Hierarchie tlačítek

Jedna hlavní akce, slabší akce a nevratné operace.

Button
Výchozí varianty

Gradient pouze u primárních a rizikových akcí. Sekundární tlačítka mají decentní materiálovou hloubku.

Ikony, rozměry, načítání

Compact je výchozí, Comfort zvětšuje ovládání.

States
Kompaktní akce
Asynchronní stav
Hover · Focus · Disabled

Načítání je simulované; nespouští se žádné skutečné workflow.

Formuláře a datové vstupy

Přehledné popisky, přístupné hodnoty, jemné povrchy a plovoucí nabídky.

02 / INPUTS
Textové prvky

Text, ikona, chybový stav a víceřádkový obsah.

Input · Textarea

Srozumitelný popisek, nápověda jen když je potřeba.

Zadej platnou adresu.
Pokročilý výběr

Rozbalení jako vrstva místo syrového prohlížečového Selectu.

Select · Combobox

Klikni, piš nebo použij šipky / Enter / Escape.

Ve výsledné implementaci sdílený multi-select kontrakt, zde interaktivní demonstrační varianta.

Nebylo nic vybráno.

Volby a přepínače

Dotykově použitelné, vizuálně sjednocené a s reálnými vstupy pod povrchem.

03 / SELECTION
Zaškrtávátka a radio volby

Přístupné nativní inputy s vlastním vzhledem.

Checkbox · Radio
Oznámení
Priorita zpracování
Radio karty a Switch

Výraznější volba pro důležitá rozhodnutí.

Choice card · Switch
Prostředí
Segmentované přepínače a informační hustota

Viditelná aktivní volba bez nadměrně vysokých ovladačů.

Segmented control
Vybrané období: Dnes

Hlášení a modální vrstvy

Zpětná vazba, potvrzení, pracovní panel a návrat do původního kontextu.

05 / OVERLAYS
Toast a hlášení

Krátká informace po akci, bez zbytečného blokování práce.

Toast

Toast zobrazuje konkrétní stav, ne pouze barevný obdélník.

Pracovní vrstvy a potvrzení

Ukázka překryvu: drawer → potvrzovací dialog → návrat.

Drawer · Modal

Vyzkoušej napsat text do panelu, otevřít potvrzení a pak se do panelu vrátit.

Potvrdit úpravu?

Jde o ukázku vrstveného potvrzení. Návrat tě přenese zpět do rozpracovaného pracovního panelu bez ztráty textu.