\n\nAFW V2.1 — Katalog komponent · Premium Compact\n\n\n \n
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.1.0 · opravy zarovnání

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.

Stejný plovoucí výběr jako výše, ale s více položkami a možností jejich odebrání.

Žádný soubor nevybrán

Podporované formáty: PDF, PNG, JPG a TXT.

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.

POTVRZENÍ AKCE

Potvrdit úpravu?

Ukázka vrstveného potvrzení. Návrat tě přenese zpět do rozpracovaného panelu bez ztráty textu.

Informace
\n\n\n