Všechny komponenty
Prozkoumejte všech 308 komponent Lyra UI. Filtrujte podle kategorie, hledejte podle názvu a vyzkoušejte živé ukázky nebo otevřete zdokumentovaný příklad.
Konverzace a chat
- Pracovní prostor agenta — Přizpůsobivý prostor konverzace s přepisem, editorem zprávy a volitelným panelem běhu či kontextu.
- Vizualizace zvuku — Zobrazuje hlasovou aktivitu agenta ve stavech čekání, poslechu, přemýšlení a mluvení.
- Výběr varianty zprávy — Řízená navigace mezi upravenými či znovu vygenerovanými variantami jedné zprávy.
- Editor chatové zprávy — Automaticky se zvětšující pole pro zprávu s ovládáním odeslání a zastavení.
- Zpráva chatu — Bublina zprávy podle role s avatarem, štítky a zápatím reagujícím na stav.
- Oblast přepisu chatu — Posouvatelný přepis se sledováním konce, přechodem na nejnovější zprávu a oddělovačem nepřečtených.
- Bod obnovení — Bod v konverzaci pro potvrzený návrat chatu do dřívějšího stavu.
- Blok kódu — Zobrazuje kód s volitelným odloženým zvýrazněním syntaxe a tlačítkem kopírování.
- Základní blok kódu — Úsporné zobrazení kódu se zvýrazněním jen pro gramatiky dodané při sestavení.
- Položka konverzace — Volitelný řádek historie chatu s názvem, náhledem a časem relace.
- Metriky generování — Během generování odpovědi AI ukazuje čas, počet tokenů a rychlost.
- Oddělovač předání — Pojmenovaný předěl v přepisu označující předání řízení mezi agenty.
- Markdown — Bezpečně vykresluje Markdown jako HTML včetně tabulek GFM, kódu a odkazů.
- Základní Markdown — Úsporné vykreslování Markdownu se zvýrazněním kódu jen pro gramatiky dodané při sestavení.
- Akce zprávy — Panel pro kopírování, nové generování, úpravu a hodnocení jednotlivé zprávy.
- Hodnocení zprávy — Hodnocení odpovědi asistenta palcem nahoru či dolů s volitelným důvodem a komentářem.
- Výběr modelu — Výběr poskytovatele a modelu z katalogu nebo zadání vlastní hodnoty.
- Nastavení modelu — Spojuje výběr modelu a posuvník teploty pro nastavení agenta.
- Stisknutím mluvit — Tlačítko mikrofonu spravující oprávnění, nahrávání i ukončení při držení nebo přepnutí.
- Stav datového proudu — Sleduje fázi spojení a podle srdečních signálů rozpozná jeho zastavení.
- Průběžný text — Postupně vykresluje text asistenta a slučuje rychlé aktualizace tokenů.
- Základní průběžný text — Úsporné vykreslování proudu s Markdownem a gramatikami kódu dodanými při sestavení.
- Návrhy zadání — Posouvatelná řada návrhů úvodních či navazujících zadání předá vybraný text aplikaci.
- Seznam vláken — Seskupený prohledávatelný seznam konverzací s připnutím, archivací, smazáním a přejmenováním.
- Průběžný přepis — Živé titulky hlasové relace, které nahrazují průběžný text konečným a sledují konec přepisu.
- Ukazatel psaní — Vizuálně naznačuje, že asistent právě vytváří odpověď.
- Štítek využití — Stručně ukazuje tokeny, náklady a prodlevu zprávy či běhu; podrobnosti jsou v nápovědě.
- Výběr hlasu — Vybírá hlas převodu textu na řeč z katalogu s přehráním ukázky a ošetřením neplatné volby.
- Vykreslování widgetů — Vykresluje deklarativní strom widgetů JSON od agenta jen z povolených typů komponent.
- Části zprávy — Vykresluje uspořádané části zprávy AI: text, uvažování, nástroje, citace, přílohy a média.
- Zadání promptu — Spojuje psaní promptu s přílohami, výběrem modelu a hlasu, zdroji, zmínkami a frontou.
- Fronta promptů — Spravuje navazující prompty, které lze upravit, přesunout, odebrat nebo ihned odeslat.
- Hlasová relace v reálném čase — Prostředí nezávislé na poskytovateli pro spojení, přepis, nahrávání, ztlumení a přerušení.
- Panel výběru — U vybraného textu nabízí dotaz, citaci a kopírování se zachováním místa v dokumentu.
Nástroje agentů a pozorovatelnost
- Přehled aktivit — Průběžný záznam kroků agenta, který se po dokončení běhu sbalí do souhrnu.
- Přehled hodnocení agenta — Řízený přehled metrik, trendového grafu a historie stavů jednotlivých běhů.
- Dotaz agenta — Shromažďuje strukturovanou odpověď na otázku agenta nebo serveru MCP a umožňuje přijmout, odmítnout či zrušit.
- Běhy na pozadí — Zobrazuje úlohy agentů ve frontě, během provádění a po dokončení; žádá o otevření nebo zrušení.
- Ukazatel rozpočtu — Porovnává využití s limitem a zobrazuje i nedostupný či překročený stav.
- Kontrola změn — Předkládá změny souborů dodané aplikací a žádá o ponechání nebo zamítnutí každé části.
- Správce konektorů — Zobrazuje stav připojení a žádá o připojení, odpojení nebo opakování pro konektory spravované aplikací.
- Udělení oprávnění — Předkládá žádost o omezené oprávnění a vrací aplikaci volbu povolit nebo zamítnout.
- Pravidla oprávnění — Zobrazuje pravidla nastavená aplikací a žádá o změnu rozhodnutí povolit, zeptat se nebo zamítnout.
- Běh agenta — Hlavní panel běhu agenta se stavem, časem, aktuálním krokem, náklady a akcemi zrušení či opakování.
- Trasování agenta — Hierarchický pohled na trasování agenta a LLM s filtry úseků a rychlým přechodem na předání.
- Fronta ke schválení — Klávesnicí ovladatelná fronta volání nástrojů, kde se každé schvaluje či zamítá ve společném dialogu.
- Panel artefaktu — Náhled výstupu agenta s přepnutím na kód, navigací verzí a kopírováním či stažením.
- Rám prohlížeče — Pohled na obrazovku agenta se snímky, adresou jen pro čtení a ovládáním převzetí.
- Karta commitu — Stručný souhrn commitu se statistikou rozdílů a změnami souborů odkazujícími na porovnání.
- Porovnávací panel — Porovnává dva výstupy vedle sebe a umožňuje vybrat vítěze při hodnocení modelů.
- Potvrzovací pruh — Potvrzení či zamítnutí navržené akce agenta přímo v přepisu, bez modálního dialogu.
- Průzkumník kontextu — Zobrazuje části kontextu volání modelu, odhady tokenů, citace, skrytí citlivých údajů a export.
- Hodnoticí sada — Filtrovatelný seznam příkladů pro hodnocení se štítky, přidáváním, odebíráním, importem a exportem.
- Výsledek hodnocení — Hodnocení podle kritérií a lidská kontrola běhů jednoho příkladu.
- Průběh hodnocení — Živý průběh dávkového hodnocení s rozbalitelnými podrobnostmi, zdroji a trasami nástrojů.
- Souhrn zásad — Seznam rozhodnutí o ochraně, oprávněních, soukromí a nástrojích s přístupným vysvětlením.
- Časová osa úseků — Vodorovná osa úseků trasování agenta se stavovými pruhy a společnou časovou stupnicí.
- Trasování zásobníku — Převádí zásobníky JS/TS, prohlížeče a Pythonu na aktivovatelné rámce se sbalením interních.
- Seznam úkolů — Živý rozbalitelný plán agenta se stavem kroků a vnořenými podúkoly.
- Terminál — Konzole ANSI jen pro čtení s průběžným výstupem, hledáním a sledováním konce.
- Výsledky testů — Souhrn úspěšných a neúspěšných testů s filtry a automatickým rozbalením chyb.
- Panel uvažování — Rozbalitelný pohled na průběžný nebo zpětně kontrolovaný záznam uvažování agenta.
- Schválení nástroje — Dialog pro lidské schválení, zamítnutí či úpravu navrženého volání nástroje.
- Blok volání nástroje — Rozbalitelný blok volání agenta s argumenty, chybou a výsledkem.
- Štítek volání nástroje — Kompaktní štítek názvu, stavu a trvání volání nástroje.
- Formulář parametrů nástroje — Z plochého JSON Schema vytváří editovatelný formulář pro úpravu argumentů volání.
- Výsledek nástroje v dialogu — Modální dialog se stavem, trváním a podrobným výsledkem volání nástroje.
- Zobrazení výsledku nástroje — Používá registrovaný vykreslovač výsledku a při jeho absenci zobrazí JSON.
- Výběr nástrojů — Prohledávatelný dialog pro volbu povolených nástrojů agenta podle kategorií.
- Časová osa nástrojů — Chronologický seznam volání nástrojů s opakováními, lidským schválením a skrytím citlivých polí.
- Strom trasování — Rozbalitelná hierarchie úseků trasování agenta či LLM s délkou trvání a volitelnými náklady.
- Karta výsledku — Ohraničená karta sjednocující vzhled vlastních vykreslovačů výsledků nástrojů.
- Pole výsledku — Kompaktní řádek popisku a hodnoty pro karty výsledků a husté přehledy.
- Aplikace MCP — Spouští zdroj aplikace MCP v izolovaném prostředí a předává požadavky jako typované události.
- Studio promptů — Nezávislé pracovní prostředí pro úpravu, náhled, verzování, uložení a spuštění strukturovaných promptů.
- Prohlížeč schématu — Prohlíží stromy JSON Schema s omezeními, povinnými poli, větvemi a chybami ověření.
- Panel podagentů — Zobrazuje hierarchii běhů podagentů s úkoly, modely, průběhem a akcemi.
Vyhledávání a znalostní grafy
- Karta komunity — Souhrnná karta skupiny ve znalostním grafu se členy a akcí pro otevření podrobností.
- Průzkumník embeddingů — Přístupný bodový graf dvojrozměrných souřadnic embeddingů s barvami skupin a výběrem bodů.
- Karta entity — Karta entity znalostního grafu s typem, vlastnostmi, počtem vazeb a akcí pro zaměření v grafu.
- Štítek entity — Zmínka @entity v textu agenta s náhledem při najetí nebo fokusu.
- Profil entity — Podrobnosti entity s mírou jistoty a kartami vztahů, zdrojových úryvků a původu.
- Graf vztahů — Zobrazuje vztahy jako posouvatelný a přibližovatelný diagram uzlů a hran.
- Legenda grafu — Legenda typů uzlů zároveň fungující jako filtr jejich viditelnosti.
- Fronta zpracování dokumentů — Řízený seznam dokumentů v procesu zpracování s průběhem, počty a žádostmi o opakování či zrušení.
- Znalostní báze — Seznam zdrojů pro vyhledávání se synchronizací, stavem indexování, oprávněními a akcemi pro správu.
- Správa znalostní báze — Panel s kartami spojující zdroje znalostní báze a frontu zpracování; předává správcovské akce aplikaci.
- Průzkumník znalostního grafu — Spojuje zobrazení grafu, hledání entit, filtry typů, rozšiřování sousedství a hledání cest.
- Myšlenková mapa — Rozbalitelný radiální strom témat pro prostorové procházení hierarchie.
- Seznam sousedních entit — Řádky vztahů jedné entity s navigací a rozbalením v grafu.
- Paleta uzlů — Prohledávatelná knihovna uzlů rozdělená do kategorií pro umístění na plátno postupu.
- Pás cesty — Kompaktní posouvatelný řetězec uzlů a vztahů znázorňující cestu uvažování GraphRAG.
- Průzkumník úryvků — Seřazené úryvky získané při RAG se skóre relevance a odkazem do prohlížeče dokumentu.
- Značka citace — Značka citace [n] v textu s náhledem a barvou podle jistoty či ověření.
- Souhrn doloženosti — Přehled podložení tvrzení se zdroji, pokrytím citací, jistotou a varováními.
- Panel paměti — Krátkodobá pracovní paměť a dlouhodobé záznamy agenta s mírou jistoty a potvrzovanými akcemi.
- Panel původu informací — Rozbalitelný rozpis entit, vztahů, komunit a úryvků dokládajících odpověď.
- Odpověď RAG — Odpověď podložená zdroji s bezpečným Markdownem, citacemi, hodnocením doloženosti a náhledy.
- Průběh výzkumu — Zobrazuje kroky výzkumu, počty zdrojů a celkový průběh dodané aplikací.
- Výsledky vyhledávání — Seřazené úryvky s odstraňováním duplicit, skupinami zdrojů a kompaktním či rozbaleným zobrazením.
- Vyhledávání ve zdrojích — Pole dotazu pro RAG s filtry, rozsahem, režimem vektorového či klíčového hledání a stavem.
- Trasa vyhledávání — Časová osa fází vyhledávání s rozbalitelnými důkazy pro přepis dotazu, embedding, hledání a řazení.
- Karta zdroje — Citovaný zdroj s názvem, stránkou, úryvkem a rozbalitelným úplným textem.
- Seznam zdrojů — Rozbalitelný panel sdružující citační karty jedné zprávy.
- Výběr zdrojů — Strom se zaškrtávacími políčky pro určení zdrojů další odpovědi, včetně hledání a výběru všeho.
- Důkazy tvrzení — Kontroluje vygenerovaná tvrzení proti citacím a ukazuje podporu, jistotu i důkazy.
- Přehled hodnocení RAG — Zobrazuje metriky kvality RAG, trendy, řezy hodnocení a historii běhů vypočtenou aplikací.
- Porovnání vyhledávání — Porovnává seřazené výsledky vyhledávání a přeřazení vedle sebe včetně překryvu a skóre.
Formuláře a vstupy
- Tlačítko — Akční tlačítko s barevnými variantami, velikostmi a stavem načítání.
- Zaškrtávací políčko — Formulářový prvek se stavy zaškrtnuto, nezaškrtnuto a neurčeno.
- Skupina zaškrtávacích políček — Seskupuje související políčka do ověřovaného formulářového pole s vícenásobným výběrem.
- Editor kódu — Víceřádkový editor kódu bez dalších závislostí s volitelnými čísly řádků.
- Výběr barvy — Nativní formulářové pole pro barvu s popiskem, nápovědou a zobrazením chyby ověření.
- Kombinované pole — Filtrovatelný jednoduchý či vícenásobný výběr spojující textové pole s vyskakovacím seznamem.
- Zadání data — Pole pro datum s vyskakovacím kalendářem a hodnotou ve formátu ISO 8601.
- Výběr data — Kalendář s měsíční mřížkou pro výběr data nebo rozsahu dat.
- Výběr emotikonu — Prohledávatelný formulářový výběr emotikonu ovladatelný klávesnicí.
- Tlačítko s ikonou — Spouští akci kompaktním přístupným tlačítkem tvořeným pouze ikonou.
- Textové pole — Jednořádkové pole s volitelným popiskem, nápovědou a zobrazením chyb ověření.
- Výběr země — Vybírá kódy zemí a území s přeloženými názvy, vlajkami a volitelným vyhledáváním.
- Výběr měny — Vybírá kódy měn s přeloženými názvy, symboly a volitelným vyhledáváním.
- Výběr časového pásma — Vybírá identifikátory časových pásem z uspořádaného seznamu s volitelným vyhledáváním.
- Výběr jednotky — Vybírá měrné jednotky s přeloženými názvy, symboly a volitelným vyhledáváním.
- Výběr jazyka — Rozbalovací seznam pro změnu aktivní jazykové verze z registru knihovny.
- Číselné pole — Číselné pole s mezemi a krokem, které využívá nativní ověřování omezení.
- Možnost výběru — Volitelná položka předávající kombinovanému poli hodnotu, popisek, skupinu a stav.
- Telefonní číslo — Pole pro telefonní číslo zohledňující zemi; formulářová hodnota má standardní tvar E.164.
- Přepínač volby — Formulářový ovládací prvek pro výběr jediné možnosti ze skupiny.
- Skupina přepínačů — Pojmenovaná skupina voleb ovladatelná klávesnicí.
- Hodnoticí formulář — Nastavitelné hodnocení podle kritérií s kategoriemi, komentáři a postupem na další položku fronty.
- Výběrový seznam — Rozbalovací seznam pro výběr jediné možnosti z pevně dané nabídky.
- Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
- Posuvník — Nastavení číselné hodnoty v rozsahu, například teploty LLM nebo hlasitosti.
- Výběr barevného vzorku — Výběr jedné barvy z malé pevné sady vzorků se sémantikou skupiny přepínačů.
- Vypínač — Formulářový přepínač se stavy zapnuto a vypnuto pro nativní formuláře.
- Víceřádkové textové pole — Pole pro prostý text s automatickým zvětšováním, ověřováním a prvky formuláře.
- Zadání času — Časové pole se segmenty podle jazyka a sloupcovým výběrem; nativní variantou je lr-native-time-input.
- Časový rozsah — Dvě posuvné úchytky vybírají začátek a konec rozsahu na číselné ose.
- Přepínací tlačítko — Samostatné dvoustavové tlačítko zapíná nebo vypíná možnost se sémantikou aria-pressed.
- Skupina přepínacích tlačítek — Seskupuje tlačítka do jednoho místa v pořadí fokusu s vícenásobným nebo zrušitelným jednoduchým výběrem.
- Nativní zadání času — Časové pole prohlížeče s popiskem, nápovědou a chybou ověření jako alternativa k lr-time-input.
- Zadání jednorázového kódu — Segmentované pole pro jednorázový ověřovací kód s automatickým doplněním ze SMS.
- Tlačítko volby — Jedna možnost vykreslená jako tlačítko, obvykle ve skupině lr-radio-group.
- Zadání štítků — Formulářové pole shromažďující odebíratelné položky, například štítky nebo příjemce.
Zobrazení dat
- Tvůrce grafového dotazu — Formulářový editor dotazů na vztahy a cesty v grafu s filtry typů, omezením kroků a uloženými dotazy.
- Kalendář — Přizpůsobivý měsíční kalendář se značkami událostí a přístupným přehledem programu.
- Ukazatel využití kontextu — Segmentovaný pruh nebo kruh ukazující obsazení rozpočtu tokenů či kontextového okna.
- Knihovna dokumentů — Prohledávatelný a filtrovatelný soupis dokumentů s verzemi, štítky, vlastníky a hromadným výběrem.
- Seznam proměnných prostředí — Skrytý seznam klíčů a hodnot proměnných či tajných údajů s odhalením a kopírováním po řádcích.
- Strom souborů — Průzkumník souborů nad stromovou komponentou se stavem Gitu a postupným načítáním složek.
- Plátno pracovního postupu — Posouvatelné a přibližovatelné plátno pro sestavení a spuštění vizuálních postupů typu DAG.
- Ovládání plátna — Skupina tlačítek pro přiblížení, přizpůsobení a uzamčení plátna pracovního postupu.
- Minimapa plátna — Přehledová mapa v rohu s přetahovatelným obdélníkem viditelné oblasti.
- Uzel pracovního postupu — Karta uzlu s hlavičkou, barvou stavu a úchyty spojení pro plátno.
- Stav běhu postupu — Doplňuje plátno o stavy běhu a stručný přehled jednotlivých kroků.
- Trychtýřový graf — Zobrazuje pokles konverzí v jednotlivých fázích pomocí pruhů vztažených k první fázi.
- Ukazatel hodnoty — Zobrazuje jedinou hodnotu jako oblouk, kruh nebo vodorovný ukazatel.
- Teplotní mapa — Vykresluje matici nebo kalendář hodnot na plátně přizpůsobeném velikosti.
- Stránkování — Řízená navigace mezi stránkami s přímým přechodem na stránku a souhrnem rozsahu položek.
- Tvůrce podmínek — Skládá strukturovaný dotaz z řádků pole, operátor a hodnota pomocí spojek AND/OR.
- Pás posloupnosti — Zobrazuje posloupnost kategoriálních stavů jako barevné buňky s volitelnou značkou.
- Minigraf — Kompaktní trend v SVG jako čára, vyplněná oblast nebo sloupce.
- Statistická karta — Zobrazuje jednu klíčovou metriku s jednotkou, trendem, rozpisem a volitelným minigrafem.
- Tabulka — Datová tabulka s řaditelnými hlavičkami, výběrem, filtrováním a stránkováním.
- Časová osa — Propojená posloupnost událostí pro auditní záznamy, historii agentů a seznam změn.
- Položka časové osy — Jeden řádek události s barevnou značkou, názvem, časem a popisem.
- Strom — Rozbalovací hierarchie pro procházení grafů, dokumentů nebo souborů.
- Uzel stromu — Rekurzivně vykresluje uzel a jeho potomky uvnitř stromu.
- Slovní mrak — Mrak slov v SVG bez závislostí, který mění velikost slov podle jejich váhy.
- Datová mřížka — Virtualizovaná mřížka pro velké či serverové datové sady s řazením, filtrováním, seskupováním a výběrem.
Grafy
- Sloupcový graf — Porovnává hodnoty kategorií svislými nebo vodorovnými sloupci.
- Krabicový graf — Shrnuje rozdělení z předem vypočtené pětice statistických hodnot.
- Bublinový graf — Zobrazuje tři rozměry bodu pomocí souřadnic x a y a poloměru bubliny.
- Graf — Základní obal Chart.js pro čárové, sloupcové, koláčové a další grafy.
- Prstencový graf — Zobrazuje podíly částí celku jako výseče prstence.
- Histogram — Seskupuje číselné hodnoty do stejně širokých intervalů a ukazuje jejich rozdělení.
- Čárový graf — Sleduje trendy podél spojité osy pomocí jedné či více propojených datových řad.
- Lehký graf — Sloupcový a čárový graf vykreslený v SVG bez závislosti na Chart.js.
- Koláčový graf — Ukazuje podíl jednotlivých hodnot jedné řady na celku.
- Polární plošný graf — Zobrazuje každou kategorii jako výseč se stupnicí podle její hodnoty.
- Pavučinový graf — Porovnává několik metrik jedné řady na radiální mřížce.
- Bodový graf — Zobrazuje dvojice souřadnic x a y na lineárních osách.
Rozložení a navigace
- Akordeon — Řídí skupinu rozbalovacích panelů a volitelně dovoluje otevřít více najednou.
- Položka akordeonu — Rozbalovací panel určený pro skupinu akordeonu.
- Navigační panel aplikace — Přizpůsobivá navigace se mění z plné přes ikony až na mobilní překryv.
- Skupina navigace — Pojmenovaná a volitelně sbalitelná skupina navigačních položek.
- Položka navigace — Navigační položka s ikonou a popiskem, která ve sbaleném stavu zobrazuje jen ikonu.
- Drobečková navigace — Přizpůsobivá cesta ukazující polohu uživatele v hierarchii stránek.
- Položka navigační cesty — Jeden odkaz nebo název aktuální stránky v drobečkové navigaci.
- Skupina tlačítek — Seskupuje související akce do pojmenované přizpůsobivé skupiny.
- Karta — Ohraničená plocha obsahu se sloty pro záhlaví, média, zápatí a akce.
- Karusel — Přístupný karusel s ovládáním klávesnicí, indikátory, opakováním a automatickým přehráváním.
- Položka karuselu — Volitelný sémantický obal snímku pro jednotný vzhled položek karuselu.
- Paleta příkazů — Prohledávatelná nabídka příkazů aplikace s klávesovou navigací a zkratkami.
- Skupina ovládacích prvků — Seskupuje různé formulářové prvky a tlačítka do přizpůsobivého řádku.
- Mřížka přehledu — Klávesnicí ovladatelná mřížka widgetů, která hlásí požadavky na přesun, změnu velikosti a kolize.
- Podrobnosti — Přístupný panel, který po rozbalení ukáže obsah pod souhrnem.
- Ukotvený panel — Sbalitelný panel s měnitelnou velikostí u okraje stávajícího rozložení.
- Panel souvisejících podrobností — Navigace od údaje grafu či tabulky k důkazům, dokumentům, entitám nebo běhům agenta.
- Položka rozbalovací nabídky — Kompatibilní alias pro jeden akční řádek rozbalovací nabídky.
- Panel filtrů — Skládá vstupní prvky a odebíratelné čipy s obnovením a stavem načítání.
- Nabídka — Sémantická nabídka akcí s pohyblivým fokusem a vnořenými podnabídkami.
- Položka nabídky — Jedna akce nabídky s volitelnou ikonou, zaškrtáváním nebo nebezpečným stylem.
- Přesouvatelná položka — Řádek seznamu s tlačítky pro přesun nahoru a dolů a libovolným vloženým obsahem.
- Přesouvatelný seznam — Mění pořadí řádků tlačítky nebo zkratkou Ctrl/Cmd a šipka.
- Nadpis nabídky — Neinteraktivní nadpis pro seskupení souvisejících položek nabídky.
- Lišta nabídek — Vodorovná lišta rozbalovacích nabídek aplikace s úplným klávesovým ovládáním.
- Položka lišty nabídek — Nadpis otevírající vloženou nabídku nebo samostatná akce.
- Navigační nabídka — Navigace záhlaví s odkazy a panely, která se při nedostatku místa sbalí za tlačítko.
- Položka navigační nabídky — Odkaz na stránku nebo tlačítko otevírající navigační panel.
- Stránka — Sémantická kostra aplikace, jejíž navigace reaguje na přidělený prostor, ne na šířku okna.
- Přizpůsobivý panel — Na počítači je součástí rozložení, na mobilu se otevírá jako překryv.
- Posouvatelná oblast — Přizpůsobivá plocha pro přesahující karty či záložky s volitelnými tlačítky vpřed a zpět.
- Segmentovaný výběr — Řada tlačítek pro rychlý výběr jedné z několika pojmenovaných možností.
- Vícenásobné rozdělení — Dělí přehled na tažením měnitelné panely s volitelným sbalením.
- Rozdělený panel — Dělí obsah na dvě tažením měnitelné plochy s jediným oddělovačem.
- Průvodce kroky — Provádí uživatele uspořádanými kroky s jejich stavy a možností přejít na krok.
- Záložky — Lišta záložek s úplnou klávesovou navigací zobrazující vždy jeden panel.
- Záložka — Kompatibilní popis záložky spárované s panelem ve skupině pomocí atributů panel a name.
- Panel záložky — Kompatibilní popis panelu spárovaného se záložkou pomocí atributů name a panel.
- Virtualizovaný seznam — V rozsáhlém posouvatelném seznamu vykresluje pouze viditelné řádky.
- Widget — Pojmenovaný panel s volitelným sbalením a přepnutím na celou obrazovku.
Překryvy a zpětná vazba
- Oblast oznámení — Ukotvuje vrstvená krátká oznámení v rohu obrazovky.
- Krátké oznámení — Jednotlivé zavíratelné oznámení s barvou závažnosti, volitelnou ikonou a časovačem.
- Čip — Malý štítek, filtr či rozsah, který lze volitelně odebrat nebo přepnout.
- Skupina čipů — Seskupuje čipy a při překročení limitu může nadbytečné skrýt za přepínač +N.
- Upozornění — Ve výchozím stavu zavřená zpráva s automatickým skrytím a možností předání mezi krátká oznámení.
- Štítek — Kompaktní označení stavu, počtu nebo kategorie v řádku textu.
- Informační blok — Zavíratelná plocha pro stavové, varovné a chybové zprávy.
- Kontextová nabídka — Otevírá nabídku akcí kliknutím pravým tlačítkem, dlouhým dotykem nebo Shift+F10.
- Dialog — Modální překryv s uvězněním fokusu pro potvrzení, formuláře a další přerušující úlohy.
- Výsuvný panel — Modální panel přijíždějící od libovolného okraje obrazovky pro filtry nebo kontextové ovládání.
- Rozbalovací nabídka — Vyskakovací nabídka akcí ukotvená k tlačítku dodanému aplikací.
- Prázdný stav — Vysvětluje prázdný stav ikonou, zprávou a volitelnými akcemi.
- Klávesová zkratka — Zobrazuje klávesovou zkratku jako jednotlivé klávesy podle platformy.
- Vyskakovací panel — Plovoucí plocha kontextového obsahu otevřená kliknutím a zavíraná kliknutím mimo ni.
- Ukotvené okno — Nízkoúrovňový prvek udržující plovoucí panel zarovnaný s kotvou.
- Ukazatel průběhu — Vodorovný ukazatel určitého či neurčitého průběhu s volitelnou hodnotou.
- Kruhový ukazatel průběhu — Kruhový ukazatel určitého či neurčitého průběhu se středovým popiskem.
- Hodnocení — Klávesnicí ovladatelné hvězdičkové hodnocení s přesností na zlomky.
- Zástupný obsah — Animovaný zástupný prvek obsahu při načítání.
- Indikátor načítání — Animovaný ukazatel probíhající úlohy na pozadí.
- Značka — Sémantická varianta štítku pro klíčová slova nebo kategorie.
- Bublinová nápověda — Při najetí nebo fokusu popisuje ovládací prvek dodaný aplikací.
Prohlížeče dokumentů a souborů
- Prohlížeč archivů — Vypisuje názvy souborů a nekomprimované velikosti v ZIP bez rozbalení obsahu.
- Prohlížeč kalendáře — Načítá soubor .ics a zobrazuje souhrny, časy a místa událostí.
- Prohlížeč kontaktů — Načítá dokument vCard a zobrazuje přístupnou kartu každého kontaktu.
- Prohlížeč CSV — Načítá CSV a vykresluje řádky na virtualizovaném posouvatelném listu.
- Prohlížeč datových sad — Načítá oddělený text a zobrazuje jej jako typovanou přístupnou tabulku.
- Porovnání dokumentů — Porovnává dvě verze vedle sebe či v řádku a spojuje textový rozdíl s náhledy dokumentů.
- Náhled dokumentu — Zobrazuje dokument či přílohu přímo podle typu MIME, případně nabídne stažení.
- Prohlížeč dokumentů — Zobrazuje dokument v dialogu pomocí rozšiřitelného registru vykreslovačů podle typu MIME.
- Prohlížeč DOCX — Převádí DOCX pomocí Mammoth na bezpečné sémantické HTML.
- Prohlížeč elektronických knih — Zobrazuje EPUB s navigací po kapitolách pomocí volitelné knihovny epub.js.
- Prohlížeč e-mailů — Načítá zprávu .eml a zobrazuje hlavičky, bezpečný obsah i přílohy.
- Prohlížeč GeoJSON — Načítá a ověřuje soubor GeoJSON a zobrazuje jeho prvky na mapě.
- Vrstva zvýraznění — Vykresluje aktivovatelné zvýrazněné obdélníky nad umístěným obsahem dokumentu.
- Prohlížeč HTML — Načítá obsah z adresy URL a bezpečně zobrazuje vyčištěné HTML.
- Vložení obsahu — Načítá úryvek HTML a vkládá jej do stránky jako bezpečný obsah.
- Prohlížeč notebooků — Zobrazuje notebook Jupyter jen pro čtení včetně Markdownu, kódu a bohatých výstupů buněk.
- Panel stránek — Virtualizovaný svislý pás náhledů pro procházení stránek dokumentu.
- Prohlížeč PDF — Načítá stránky PDF s přiblížením, stránkováním a označitelnou textovou vrstvou.
- Prohlížeč PPTX — Prohlížeč prezentací PowerPoint PPTX v prohlížeči s omezenou věrností.
- Prohlížeč tabulkových souborů — Načítá sešity .xlsx i starší .xls s kartami listů a virtualizovanými řádky.
- Prohlížeč SVG — Načítá soubor SVG z adresy URL a bezpečně jej vkládá do stránky.
- Prohlížeč XML — Rozbalitelný a kopírovatelný strom pro prohlížení dokumentů XML.
Média a soubory
- Štítek přílohy — Stručné zobrazení přiloženého souboru se stavem nahrávání, průběhem a opakováním.
- Avatar — Identifikační značka osoby či entity s obrázkem, ikonou nebo náhradními iniciálami.
- Animovaný obrázek — Přehrává GIF, APNG nebo WebP s ovládáním pauzy a respektem k omezení pohybu.
- Animace — Animuje vložený prvek podle pojmenovaných předvoleb nebo vlastních klíčových snímků.
- Přidání přílohy — Kompaktní ovládání v editoru chatu otevírá výběr souboru nebo nabídku možností.
- Přehrávač zvuku a videa — Přehrávač se synchronizovaným přepisem, zvukovou vlnou a změnou rychlosti.
- Skupina avatarů — Skládá překrývající se avatary do řádku a další shrnuje štítkem +N.
- Oblast pro přetažení — Mění libovolnou oblast na cíl pro přetažení souborů bez vlastního výběrového dialogu.
- Ikona souboru — Lokalizovaná ikona typu souboru určená podle MIME nebo názvu.
- Výběr souborů — Oblast pro přetažení nebo výběr kliknutím předává vybrané soubory.
- Vlajka — Vlajka země či jazyka v přizpůsobitelném, volitelně kulatém rámečku.
- Porovnání obrázků — Klávesnicí ovladatelný předěl porovnává dvě plochy před úpravou a po ní.
- Prohlížeč obrázků — Posouvá a přibližuje rastrový obrázek se zvýrazněnými oblastmi a volitelnými poznámkami.
- Světelný box — Celoobrazovkový modální prohlížeč obrázků s navigací a přiblížením.
- Mapa — Obal MapLibre GL s deklarativní legendou, kartogramem a značkami.
- Karta média — Náhled obrázku, videa nebo souborové přílohy uvnitř chatové zprávy.
- Posun a přiblížení — Posouvatelná oblast s omezeným přiblížením vloženého obsahu nebo obrázku.
- Přehrávání posloupnosti — Ovládání přehrávání posouvá index daným rozsahem v pevných časových krocích.
- QR kód — Kóduje hodnotu jako snímatelný QR symbol vykreslený na plátně.
- Video — Přehrávač videa s vlastním ovládáním, volitelnými titulky a náhledy.
- Seznam videí — Přehrává procházetelný seznam videí a po konci automaticky pokračuje dalším.
- Přibližovatelný rám — Náhled v izolovaném iframe s pevnými kroky přiblížení; pro obrázky slouží lr-pan-zoom.
Pomocné prvky
- Sledování průniku — Předává nativní záznamy o vstupu prvků do viditelné oblasti a jejich odchodu.
- Sledování změn DOM — Sleduje vložené prvky a atributy a předává nativní záznamy změn.
- Sledování velikosti — Sleduje velikost vložených prvků a vydává typované záznamy bez viditelného ovládání.
- Tlačítko kopírování — Tlačítko s ikonou kopíruje text do schránky a potvrzuje úspěch značkou.
- Zobrazení rozdílů — Porovnává dva texty po řádcích v barevně odlišeném sjednoceném diffu.
- Oddělovač — Sémantický prvek přizpůsobitelný motivu rozděluje obsah vodorovně či svisle.
- Tlačítko exportu — Stahuje tabulková data jako CSV nebo JSON přímo či z nabídky formátů.
- Formátování bajtů — Zobrazuje velikost v bajtech podle jazyka s nastavitelnou jednotkou a přesností.
- Formátování data — Formátuje datum a čas podle jazyka pomocí Intl.DateTimeFormat.
- Formátování čísla — Formátuje čísla, měny a zkrácené hodnoty podle jazyka pomocí Intl.NumberFormat.
- Ikona — Vykresluje ostré vložené ikony SVG z vestavěné sady bez závislostí.
- Prohlížeč JSON — Rozbalitelný a kopírovatelný strom pro prohlížení libovolných dat JSON.
- Známé datum — Tři pole pro den, měsíc a rok data, které uživatel zná.
- Živá oblast — Vizuálně skrytá oblast ARIA omezuje četnost hlášení čtečce obrazovky.
- Nabídka zmínek — Doplňování zmínek @ a příkazů / u kurzoru v textovém poli.
- Stav obnovování — Odpočítává čas do další aktualizace a nabízí pozastavení i pokračování.
- Střídání obsahu — Střídá vložené prvky náhodně nebo postupně pro varianty textu či reference.
- Relativní čas — Ukazuje čas relativně podle jazyka a sám jej aktualizuje.
- Průvodce aplikací — Krok za krokem provází nového uživatele rozhraním se zvýrazněním prvků.
- Vizuálně skrytý obsah — Skrývá obsah zrakově, ponechává jej čtečkám obrazovky a při fokusu jej zviditelní.