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í.