Összes komponens

Fedezze fel mind a 308 Lyra UI-komponenst. Szűrjön kategória szerint, keressen név alapján, próbálja ki az élő előnézeteket, vagy nyisson meg egy dokumentált példát.

Beszélgetés és csevegés

Ügynök munkaterület — Reszponzív AI-beszélgetési munkaterület üzenetekkel, szerkesztővel, valamint opcionális eszköz-, visszakeresési és kontextuspanelekkel.
Audiovizualizáló — Vászonra rajzolt hang-aktivitás-vizualizáció, amely az ügynök tétlen, hallgató, gondolkodó vagy beszéd állapotát tükrözi.
Ágválasztó — Irányított ‹ n / m › navigátor egyetlen csevegőüzenet újragenerált vagy szerkesztett változatai között.
Üzenetszerkesztő — Automatikusan méreteződő üzenetmező küldési és leállítási gombbal.
Csevegőüzenet — Szerep szerint megjelenő csevegőüzenet avatarral, jelvényekkel és állapotfüggő lábléccel.
Csevegőnézet — Csevegés görgethető nézete, amely követi a legújabb üzenetet és jelzi az olvasatlanokat.
Ellenőrzőpont — Beszélgetési visszaállítási pont, amely megerősítés után korábbi állapotba állítható vissza.
Kódblokk — Kódblokk opcionális szintaxiskiemeléssel és másolás gombbal.
Kódblokk mag — Könnyű kódblokk a mellékelt nyelvtani készletet használó szintaxiskiemeléssel.
Beszélgetési elem — Választható csevegési előzmények sora, amely a munkamenet címét, előnézetét és időbélyegét mutatja.
Generálási mutatók — A válasz generálása közben mutatja az eltelt időt, a tokenek számát és az átviteli sebességet.
Átadási elválasztó — A felcímkézett elválasztó jelölés vezérli az ügynökök közötti átvitelt egy átiratban.
Markdown — Biztonságosan tisztított Markdown–HTML megjelenítés GFM-táblázatokkal, kóddal és hivatkozásokkal.
Markdown mag — Könnyű Markdown-megjelenítés kódblokkok kiemelésével a mellékelt nyelvtani készlet alapján.
Üzenetműveletek — Üzenetenkénti műveleti eszköztár beépített másolási, újragenerálási, szerkesztési és visszajelzési funkcióval rendelkező csevegőüzenetekhez.
Üzenet-visszajelzés — Egyetlen asszisztensüzenet pozitív vagy negatív értékelése opcionális okokkal és megjegyzésekkel.
Modell kiválasztása — Szolgáltató és modellválasztó fix katalógussal vagy szabad szövegű egyéni bejegyzéssel.
Modell beállítások panel — Párosított modellválasztó és hőmérsékletcsúszka az ügynök konfigurálásához.
Nyomva beszéd — Mikrofon rögzítő gomb, amely a teljes engedélykérés, felvétel és lebontás életciklusát birtokolja a nyomva tartással vagy a váltással történő használathoz.
Adatfolyam állapota — Egyetlen adatfolyam-kapcsolat fázisát mutatja szívverés-tudatos elakadásérzékeléssel.
Folyamatos szöveg — Az asszisztens válaszát az érkező szöveggel párhuzamosan jeleníti meg, összevonva a gyors frissítéseket.
Folyamatos szöveg magja — Lean streaming szöveg-megjelenítő, amelynek Markdown módja csak a fordítási időben biztosított nyelvtani térképből emeli ki az elkerített kódot.
Javaslatcímkék — Görgethető sor indító vagy követő prompt chipek, amelyek átadják a kiválasztott szöveget a gazdagépnek.
Beszélgetésszálak listája — Csoportosított, kereshető beszélgetési oldalsáv rögzítési, archiválási, törlési és átnevezési műveletekkel.
Átiratfolyam — Élő feliratozási hírfolyam egy folyamatban lévő hangos munkamenethez, az időközi frissítéstől a végső frissítésig és az alsó görgetéssel.
Gépelésjelző — Prezentációs jelenléti jelzés, amely azt mutatja, hogy az asszisztens éppen választ ír
Használati jelvény — Üzenet vagy futás tokenszámának, költségének és késleltetésének tömör jelzése.
Hangválasztó — TTS hangválasztó a mellékelt katalóguson keresztül beépített audio előnézettel és elavult érték kezeléssel.
Widgetmegjelenítő — Az ügynök által létrehozott JSON-komponensfát csak engedélyezett komponensekkel jeleníti meg.
Üzenet részei — Rendezett, átlapozható AI-üzenetrészeket jelenít meg szöveggel, érveléssel, eszközzel, idézettel, melléklettel és médiaprimitívekkel.
Promptmező — Promptszerkesztő mellékletekkel, modell- és hangválasztással, keresési forrásokkal, említésekkel, parancsokkal és sorba állítással.
Promptvárólista — Utólagos promptok várólistája, amely szerkeszthető, átrendezhető, törölhető vagy azonnal elküldhető.
Valós idejű munkamenet — Szolgáltatófüggetlen hangmunkamenet a kapcsolat, átírás, rögzítés, némítás és megszakítás vezérléséhez.
Kijelölés eszköztár — A kijelölt szöveg mellett kérdezés, idézés és másolás műveleteket jelenít meg.

Ügynöki eszközök és megfigyelhetőség

Tevékenységfolyam — Az ügynök műveleteinek folyamatos naplója, amely a futás végén lépésösszefoglalóvá csukható össze.
Ügynökértékelési irányítópult — Ellenőrzött kiértékelés áttekintése, a metrikakártyák párosítása trenddiagrammal és lefutásonkénti állapotelőzményekkel.
Ügynök kérdése — Strukturált választ gyűjt egy ügynök vagy MCP-kiszolgáló kérdésére, elfogadási, elutasítási és megszakítási műveletekkel.
Háttérben futó feladatok — Megjeleníti a gazdagép által kezelt sorba állított, futó és befejezett ügynökfeladatokat nyitott és visszavonási kérésekkel.
Költségvetési mérő — Megjeleníti a korlátozott használatot, beleértve a nem elérhető és túlhaladott állapotokat is.
Változások áttekintése — Áttekinti a gazdagép által biztosított fájlmódosításokat, és minden egyes darab esetében megtartási vagy elvetési döntést kér.
Csatlakozók kezelése — Megjeleníti a kapcsolat állapotát, és csatlakozási, leválasztási vagy újrapróbálkozási műveleteket kér a gazdagép által kezelt összekötőkhöz.
Engedély megadása — Bemutat egy hatókörű engedélykérést, és jelentést tesz a felhasználó engedélyezéséről vagy megtagadásáról a gazdagépnek.
Engedélyezési szabályok — Megjeleníti a gazdagép által meghatározott engedélyszabályokat, és módosításokat kér az engedélyezési, kérési vagy elutasítási döntéseikben.
Ügynökfutás — Ügynökfutás nézete állapottal, eltelt idővel, aktuális lépéssel, költséggel, valamint megszakítási és újrapróbálási művelettel.
Ügynök végrehajtási nyoma — Hierarchikus ügynök/LLM nyomkövetési nézet span típusú szűrőkkel és átadási gyorsugrásokkal egy megosztott hatótávolság tömbön.
Jóváhagyási sor — Függőben lévő eszközhívások billentyűzettel elérhető sora, mindegyik felülvizsgálva és jóváhagyva vagy elutasítva egy megosztott párbeszédpanelen keresztül.
Artefaktumpanel — Ügynök által létrehozott artefaktum előnézettel, kódnézettel, verzióelőzményekkel, másolással és letöltéssel.
Böngészőkeret — Az ügynök böngészőműveleteinek nézete képernyőképekkel, csak olvasható URL-lel és vezérlésátadási gombokkal.
Commitkártya — Git-commit összefoglaló módosítási statisztikákkal, fájlonkénti változásokkal és különbségnézetre mutató hivatkozással.
Összehasonlító panel — Egymás melletti A/B kimenet összehasonlítása győztes szavazással az aréna-stílusú modellek értékeléséhez.
Megerősítősáv — Soron belüli, nem modális jóváhagyási/elutasítási blokk egy javasolt ügynökművelethez, párbeszédpanel helyett az átiratban.
Kontextusvizsgáló — Modellhívás kontextusának vizsgálata tokenbecslésekkel, idézetekkel, módosításjelzőkkel, másolással és exportálással.
Értékelési adatkészlet — Szűrhető és címkézhető értékelési példalista hozzáadás, eltávolítás, importálás és exportálás műveletekkel.
Értékelési eredmény — Rubrika pontozási és emberi felülvizsgálati felület egy értékelési példa futtatásának összehasonlításához.
Értékelési futtatás — Értékelési köteg élő előrehaladási nézete teljes előrehaladással és példánkénti eredményekkel.
Szabályzat összefoglalója — Csak olvasható lista a védőkorlátokról, engedélyekről, adatvédelmi és eszközpolitikai döntésekről, hozzáférhető engedélyezési, megtagadási vagy felülvizsgálati magyarázatokkal.
Span-vízesés — Az ügynöknyomok vízszintes idővonalai állapotjelző sávokként ívelnek át egy megosztott időtengelyhez képest.
Veremnyomkövetés — A JS/TS, a böngésző és a Python veremnyomok elemzése aktiválható keretekké a keret belső hajtogatásával.
Feladatlista — Az ügynök tervének lenyitható feladatlistája lépésállapotokkal és részfeladatokkal.
Terminál — Csak olvasható ANSI-konzol, amely folyamatosan jeleníti meg az ügynök vagy eszköz kimenetét, kereséssel.
Teszteredmények — Tesztek sikerességi összefoglalója szűrőkkel és kibontató hibarészletekkel.
Gondolkodó panel — Összecsukható panel egy MI-ügynök élő vagy áttekintett érvelésének átiratához.
Eszközjóváhagyási párbeszédablak — A javasolt eszközhívás jóváhagyása, elutasítása vagy szerkesztése a végrehajtás előtt.
Eszközhívás blokkja — Összecsukható soron belüli blokk egy ügynök eszközhíváshoz, amely kibővül, hogy megjelenítse az argumentumokat, a hibát és az eredményt.
Eszközhívás címkéje — Kis címke, amely összefoglalja az eszközhívás nevét, állapotát és időtartamát.
Eszközparaméter-űrlap — Szerkeszthető űrlapot hoz létre egy eszköz lapos JSON-sémájából a hívási argumentumok módosításához.
Eszközeredmény-párbeszédablak — Modális fedvény, amely az eszközhívás állapotát, időtartamát és az eredmény teljes részletét mutatja.
Eszközeredmény-nézet — Az eszközhívás eredményét egy regisztrált rendereren keresztül jeleníti meg, amely visszakerül JSON-ba.
Eszközválasztó párbeszédablak — Kategória szerint csoportosított, kereshető párbeszédpanel az engedélyezett ügynöki eszközök kiválasztásához.
Eszközök idővonala — Az ügynök eszközhívásainak idővonala újrapróbálásokkal, jóváhagyásokkal és érzékeny adatok kitakarásával.
Végrehajtási nyom fája — Lenyitható ügynökvégrehajtási nyom időtartammal, opcionális token- és költségoszlopokkal.
Eredménykártya — Szegélyezett kártyahéj, amely az egyedi eszköz-eredmény-megjelenítőknek egy kis kártya megjelenést kölcsönöz
Eredmény mező — Kompakt címke/értéksor eszköz-eredménykártyákhoz és sűrű metaadatsávokhoz
MCP App — Futtatható MCP-alkalmazást jelenít meg izolált keretben, és a gazdagépkéréseket típusos eseményekként továbbítja.
Promptstúdió — Szolgáltatófüggetlen munkaterület strukturált promptok szerkesztéséhez, előnézetéhez, verziózásához és futtatásához.
JSON-séma megtekintője — Megvizsgálja a kiválasztható JSON-sémafákat a megszorításokkal, a szükséges állapotokkal, a kompozíciós ágakkal és az érvényesítési problémákkal.
Subagent panel — Az alügynökök hierarchiáját, feladatait, modelljeit, előrehaladását és vezérlőit mutatja.

Információkeresés és tudásgráfok

Közösségi kártya — Klaszter-összefoglaló kártya egy tudásgráf közösség számára tag chipekkel és egy részletező művelettel.
Beágyazások böngészője — A gazdagép által kivetített beágyazási koordináták elérhető 2D szórt nézete opcionális fürtszínezéssel és pontválasztással.
Entitáskártya — Tudásgráf-entitáskártya típussal, tulajdonságokkal, kapcsolatok számával és gráfhoz ugró művelettel.
Entitás chip — Soron belüli @entity-említés ügynökprózához, lebegő/fókuszos előnézeti előugró ablakkal.
Entitásdosszié — Az entitásrészletek felülete fejléccel, megbízhatósági statisztikával, valamint a kapcsolatokat, a támogató részeket és a származást bemutató lapokkal.
Gráf — Kapcsolatok pásztázható, nagyítható csomópont-él gráfként.
Gráfjelmagyarázat — Csomópont típusú jelmagyarázat páros gráfhoz, amely láthatósági szűrőként is működik.
Adatbetöltési sor — A feldolgozási folyamaton áthaladó dokumentumok ellenőrzött listája, amely mutatja a szakaszt, az előrehaladást, a számlálásokat, valamint a kérések újrapróbálkozását vagy visszavonását.
Tudásbázis — Tudásbázis forráslistája szinkronizálási és indexelési állapottal, jogosultságokkal és kezelési műveletekkel.
Tudásbázis kezelése — Lapokra osztott kezelőfelület, amely a tudásbázis forrásait összeköti az adatbetöltési sorral.
Tudásgráf-böngésző — Tudásgráf-feltáró shell, amely egyesíti a gráfmegjelenítést, az entitáskeresést, a típusszűrőket, a szomszédságbővítést és az útvonalkeresést.
Gondolattérkép — Radiálisan kibontható témafa a hierarchia térbeli böngészéséhez és a témában való részletezéshez.
Szomszédok listája — Egy entitás kapcsolatsorai soronkénti navigációval és a grafikonon belüli kibontással.
Csomópontpaletta — Kereshető, kategorizált csomópontkönyvtár csomópontok áthúzásához vagy áramlási vászonra helyezéséhez.
Útvonalsáv — Kompakt, görgethető csomópont-reláció-csomópont lánc, amely GraphRAG érvelési útvonalat jelenít meg.
Részletvizsgáló — Rangsorolt lista a visszakeresett RAG-részletekről relevanciapontszámmal és az eredeti dokumentumra mutató hivatkozással.
Hivatkozásjelvény — Szövegbe ágyazott [n] forráshivatkozás előnézettel, valamint a támogatottság és ellenőrzés jelzésével.
Forrásalapozási összefoglaló — Az állítások forrástámogatását, hivatkozási lefedettségét, bizonyosságát, figyelmeztetéseit és bizonyítékait mutatja.
Memória panel — Ügynök munkamemória felület a rövid távú kontextushoz és a hosszú távú memóriákhoz, bizalommal és megerősítéshez kötött műveletekkel.
Eredetpanel — Lenyitható összefoglaló a válasz mögötti entitásokról, kapcsolatokról, közösségekről és szövegrészletekről.
RAG-válasz — Forrásokon alapuló válasz, amely egyesíti a tisztított Markdownt, hivatkozásokat, forrástámogatást és kibontató forráselőnézeteket.
A kutatás előrehaladása — Megmutatja a gazdagép által biztosított kutatási lépéseket, a források számát és a teljes befejezés előrehaladását.
Visszakeresési eredmények — Rangsorolt visszakeresési eredmények duplikációszűréssel, forráscsoportokkal, kijelöléssel és tömör vagy bővített nézettel.
Visszakeresési mező — Keresősáv szűrőkkel, vektoros, kulcsszavas és hibrid móddal, valamint állapot-visszajelzéssel.
Visszakeresési nyom — Visszakeresési folyamatszakasz idővonala bővíthető bizonyítékokkal minden egyes újraírási, beágyazási, visszakeresési, átsorolási és szűrési szakaszhoz.
Forráskártya — Forráskártya címmel, oldalszámmal, kivonattal és kibontató teljes szöveggel.
Források listája — Összecsukható források panel, amely egy csevegőüzenet idézőkártyáit egy fejléc alá csoportosítja.
Forrásválasztó — Jelölőnégyzetes fa a következő válasz forrásainak kiválasztásához, mappákkal, összes kijelölése és keresés funkcióval.
Állítás bizonyítékai — A generált állításokat forráshivatkozásokkal veti össze, és megmutatja a támogatottságot, bizonyosságot és bizonyítékokat.
RAG értékelési irányítópult — Bemutatja a RAG minőségi mutatókat, trendeket, értékelési szeleteket, és futtatási előzményeket a gazdagép által számított eredményekből.
Visszakeresés összehasonlítása — Összehasonlítja a rangsorolt visszakeresési és átsorolási eredménykészleteket az átfedésekkel és a pontszámok lebontásával.

Űrlapok és beviteli mezők

Gomb — Műveletgomb tématokenekkel, színváltozatokkal, méretekkel és betöltési állapottal.
Jelölőnégyzet — Űrlapjelölőnégyzet bejelölt, üres és határozatlan állapottal.
Jelölőnégyzet csoport — A kapcsolódó jelölőnégyzeteket egyetlen, űrlaphoz kapcsolódó, érvényesíthető többválasztós mezőbe csoportosítja.
Kódszerkesztő — Külső függőségek nélküli többsoros kódszerkesztő, opcionális sorszámokkal.
Színválasztó — Űrlaphoz kapcsolódó natív színmező címkével, súgószöveggel és hibajelzéssel.
Kombinált lista — Szűrhető szövegmező és felugró lista egyszeres vagy többszörös választáshoz.
Dátum bevitele — Dátummező naptárfelugróval és ISO 8601 formátumú értékkel.
Dátumválasztó — Havi naptár egy dátum vagy dátumtartomány kiválasztásához.
Hangulatjelválasztó — Kereshető, billentyűzettel kezelhető emojiválasztó, amely űrlapértéket is ad.
Ikongomb — Kompakt, akadálymentesen használható ikongomb egy művelet indításához.
Szövegmező — Egysoros szövegmező opcionális címkével, súgószöveggel és érvényesítési hibával.
Országválasztó — Ország- és területkódokat választ lefordított nevekkel, zászlókkal és választható kereséssel.
Pénznemválasztó — Pénznemkódokat választ lefordított nevekkel, szimbólumokkal és választható kereséssel.
Időzónaválasztó — Időzóna-azonosítókat választ rendezett listából, választható kereséssel.
Mértékegység-választó — Mértékegységeket választ lefordított nevekkel, szimbólumokkal és választható kereséssel.
Nyelvválasztó — Legördülő lista az aktív nyelv és területi beállítás váltásához a könyvtár nyelvi nyilvántartása alapján.
Számmező — Számmező minimum-, maximum- és lépéskorláttal, natív érvényesítéssel.
Opció — Választható listaelem értékkel, címkével, csoporttal és állapotadatokkal.
Telefonszámmező — Országkódot is kezelő telefonszámmező E.164 formátumú űrlapértékkel.
Választógomb — Űrlaphoz kapcsolódó választógomb egyetlen lehetőség kiválasztásához.
Választógombcsoport — Címkézett, billentyűzettel kezelhető választógombcsoport.
Értékelési szempontok űrlapja — Konfigurálható értékelőűrlap pontszámokkal, kategóriákkal, megjegyzésekkel, küldési és következő lépési művelettel.
Választólista — Legördülő lista egy lehetőség kiválasztásához rögzített készletből.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Csúszka — Csúszka numerikus értékekhez, például modellhőmérséklethez vagy hangerőhöz.
Színmintaválasztó — Kis, rögzített színmintakészlet választója, beépített rádiógombcsoport-viselkedéssel.
Kapcsoló — Űrlaphoz kapcsolódó be- és kikapcsoló.
Szövegterület — Többsoros szövegmező automatikus méretnöveléssel és érvényesítéssel.
Időmező — Területi beállításhoz igazodó, szegmentált időmező választóval; natív alternatívája az lr-native-time-input.
Időtartomány — Kétfogantyús csúszka kezdő- és végérték kiválasztásához.
Átkapcsoló gomb — Kétállapotú gomb egy beállítás be- vagy kikapcsolásához.
Átkapcsoló gombok csoportja — Egyetlen tabulátormegállóként működő gombcsoport egyszeres vagy többszörös választással.
Natív időmező — A böngésző natív időmezője Lyra-címkével, súgóval és érvényesítéssel.
Egyszer használatos kód mező — Szegmentált egyszer használatos kódmező SMS-ből történő automatikus kitöltéssel.
Rádiógomb — Gombként megjelenő egyszeres választó, amelyet általában csoportban használnak.
Tokenmező — Űrlapmező eltávolítható címkék vagy címzettek listájának bevitelére.

Adatok megjelenítése

Gráflekérdezés-építő — Űrlaphoz kapcsolódó gráfkapcsolat- és útvonal-lekérdezésszerkesztő entitáskiindulópontokkal, típusszűrőkkel, lépéskorlátokkal és mentett lekérdezésekkel.
Naptár — Reszponzív havi naptár eseményjelzőkkel és billentyűzettel elérhető napirendnézettel.
Kontextusmérő — Szegmentált kihasználtságmérő, rúd vagy gyűrű token költségvetéshez vagy kontextus ablakhoz.
Dokumentumtár — Kereshető és szűrhető dokumentumkészlet verziókkal, címkékkel, tulajdonosokkal, frissesség, rendezés és tömeges kijelöléssel.
Környezeti változók listája — Maszkolt kulcs-/értéklista környezeti változókhoz és titkokhoz, soronkénti felfedéssel és másolással.
Fájlfa — Fájlböngésző előre beállítva a fa komponens felett git-status jelvényekkel és lusta könyvtárbetöltéssel.
Folyamatvászon — Pásztázható, nagyítható vászon vizuális DAG-munkafolyamatok létrehozásához és futtatásához.
Folyamatvezérlők — Nagyítás, illeszkedés és zárolás gombfürt a párosított áramlási vászonhoz.
Folyamat minitérképe — Áttekintő saroktérkép húzható nézetablak-téglalappal a párosított áramlási vászonhoz.
Folyamatcsomópont — Munkafolyamat-csomópont kártyája címmel, állapotjelzéssel és csatlakozási pontokkal.
Folyamatfutás állapota — A futó állapotú dekorációkat egy áramlási vászonra tolja, és egy kompakt lépés-összefoglaló csíkot jelenít meg.
Tölcsér — Megjeleníti a szakaszonkénti konverziós lemorzsolódást az első szakaszra normalizált oszlopokként.
Mérő — Egyetlen értéket mutat radiális, gyűrűs vagy lineáris mérőként.
Hőtérkép — Az értékek mátrixát vagy naptárrácsát jeleníti meg az átméretezést figyelembe vevő vászon hőtérképként.
Lapozás — Szabályozott oldalnavigáció szerkeszthető oldalugrással és elemtartomány-összefoglalóval
Feltételszerkesztő — Összeállítható strukturált lekérdezés-készítő táblázatos vagy irányítópult-adatokhoz, amely mező/operátor/érték feltételsorokat kombinál egy ÉS/VAGY kombinátorral.
Sorozatsáv — Kompakt, tételenkénti csík, amely kategorikus állapotok sorozatát színes cellákként jeleníti meg, opcionális jelölővel.
Miniatűr diagram — Egy kompakt soron belüli SVG-trendet ábrázol vonalként, kitöltött területként vagy sávokként egy adatsorhoz.
Stat — Egyetlen KPI-t mutat be egységgel, trendpillérrel, bontási sorokkal és opcionális csillogó vonallal.
Táblázat — Prezentációs adattábla rendezhető fejlécekkel, kijelöléssel, szűréssel és oldalszámozással.
Idővonal — Múltbeli eseménysorok összekapcsolt sorozata az ellenőrzési nyomvonalak, ügynökelőzmények és változásnaplók számára.
Idővonal elem — Egy eseménysor egy idővonalhoz színkódolt jelölővel, címmel, időbélyeggel és leírással.
Fa — A hierarchia kibontása/összecsukása a grafikonok, dokumentumok vagy fájlfák navigálásához
Faelem — Rekurzív faelem sormegjelenítő egy csomóponthoz és gyermekeihez egy fán belül.
Szófelhő — Zéró függőségű SVG címkefelhő, amely minden szót súlyuk alapján skáláz
Adatrács — Virtualizált adatrács nagy vagy szerverről betöltött adathalmazokhoz, beépített rendezéssel, szűréssel, csoportosítással, lapozással és kijelöléssel.

Diagramok

Oszlopdiagram — Összehasonlítja az értékeket a kategóriák között függőleges vagy vízszintes sávokkal.
Dobozdiagram — Előre kiszámított öt számérték alapján foglalja össze az eloszlást.
Buborékdiagram — Pontonként három dimenziót ábrázol x, y pozícióval és buborék sugarával.
Diagram — Chart.js-alapú általános diagram vonal-, oszlop-, kör- és más megjelenítésekhez.
Gyűrűdiagram — A rész-egész arányokat egy gyűrű szegmenseiként jeleníti meg.
Hisztogram — A numerikus értékeket egyenlő szélességű sávokba helyezi, hogy felfedje eloszlásukat.
Vonaldiagram — Egy vagy több összekapcsolt sorozattal követi nyomon a trendeket egy folytonos tengelyen.
Könnyű diagram — Könnyű oszlop- vagy vonaldiagram SVG-ben, Chart.js-függőség nélkül.
Kördiagram — Arányos kördiagram, amely egy sorozat részesedését mutatja az egészből
Poláris területdiagram — Poláris terület diagram, amely az egyes kategóriákat ékként ábrázolja az értékükkel skálázva
Radardiagram — Radardiagram, amely egy sorozat több metrikáját hasonlítja össze egy radiális rácson
Szórásdiagram — Nyers x/y pontpárok szóródása lineáris tengelyeken

Elrendezés és navigáció

Harmonika — Lenyitható panelek csoportját kezeli; opcionálisan több panel is nyitva lehet egyszerre.
Harmonikaelem — Összecsukható felfedő panel harmonikacsoportba való beillesztésre.
Alkalmazássáv — Reszponzív alkalmazásnavigáció, amely teljes, csak ikonos és mobil fedvénynézet között vált.
Alkalmazássáv-csoport — Címzett, opcionálisan összecsukható szakasz, amely a navigációs elemeket egy alkalmazássínen belül csoportosítja.
Alkalmazássáv-elem — Ikon és címke navigációs elem egy alkalmazássínhez, csak az ikonok összecsukott állapotával.
Morzsamenü — Reszponzív morzsamenü mutatja a helyet az oldalak hierarchiájában.
Morzsamenü eleme — Egy link vagy az aktuális oldal címke egy navigációs útvonalon belül
Gombcsoport — A kapcsolódó műveletgombokat egyetlen érzékeny, címkézett fürtbe csoportosítja
Kártya — Szegélyezett tartalomfelület fejléc-, média-, lábléc- és műveleti helyekkel.
Körhinta — Akadálymentes körhinta billentyűzetes vezérléssel, oldalkijelzőkkel, ismétléssel és automatikus lejátszással.
Körhinta eleme — Opcionális szemantikus diaburkoló, amely a körhinta gyermekének egységes tételstílust biztosít.
Parancs paletta — Kereshető alkalmazás parancsmenü billentyűzet navigációval és gyorsbillentyűkkel.
Vezérlőcsoport — A vegyes űrlapvezérlőket és a műveleti gombokat egyetlen érzékeny, középre helyezett eszköztársorba csoportosítja.
Irányítópult-rács — Érzékeny, billentyűzettel elérhető vezérelt widget rács, amely pozícionálja az elrendezési bejegyzéseket, és mozgási, átméretezési és ütközési kéréseket küld.
Részletek — Hozzáférhető közzétételi panel, amely kibővül, hogy felfedje a tartalmat az összefoglaló alatt.
Dokk panel — Átméretezhető, összecsukható panel a meglévő elrendezés egyik széléhez rögzítve.
Részletező panel — Vezérelt navigációs shell diagramtól vagy táblázatadattól a kapcsolódó bizonyítékokig, dokumentumokig, entitásokhoz vagy ügynökfuttatásokhoz navigációs útvonallal.
Legördülő elem — Web Awesome-kompatibilis műveleti sor a legördülő menüben.
Szűrősáv — Szűrősáv mezőkkel, eltávolítható szűrőcímkékkel, visszaállítási és betöltési állapotokkal.
Menü — Műveletelemek soron belüli szemantikus menüje körbefutó fókusszal és beágyazott almenükkel.
Menüpont — Egyetlen műveletsor egy menühöz, opcionális ikonnal, jelölőnégyzettel vagy pusztító stílussal.
Átrendezhető elem — Egy sor az átrendezési listán belül, párosítva a felfelé/lefelé mozgatási gombokat tetszőleges réselt tartalommal.
Átrendezhető lista — A sorok általános újrarendezhető listája, amely soronkénti gombokkal vagy Ctrl/Cmd+Nyíl billentyűkombinációval mozgatható.
Menücímke — Hozzáad egy nem interaktív szakaszfejlécet a kapcsolódó elemek csoportosításához a menülistán belül.
Menüsor — Című legördülő menük vízszintes alkalmazásmenüsora teljes billentyűzetes navigációval.
Menüsor elem — Egy legfelső szintű menüsor, amely megnyitja a réses menüt, vagy egyszerű műveletként működik.
Navigációs menü — Webhely-fejléc navigáció hivatkozásokkal és lenyitható panelekkel; szűk helyen menüvé csukódik össze.
Navigációs menüpont — Navigációs menüelemként oldalhivatkozás vagy panelt nyitó gomb.
Oldal — Alkalmazáskeret, amelynek navigációja a rendelkezésre álló hely szerint oldalsávról mobil modális menüre vált.
Reszponzív panel — Asztali nézetben oldalsó panelként, mobilon lenyitható fedvényként jeleníti meg a tartalmat.
Görgető — Érzékeny túlcsordulási felület opcionális előző/következő vezérlőkkel a kártya- és lapsorokhoz.
Szegmentált — Egyetlen kiválasztó gombsor, amellyel egy pillantással kiválaszthat egyet a több feliratozott lehetőség közül.
Többfelé osztható panel — Az irányítópultot húzással átméretezhető panelekre osztja fel, opcionálisan reagáló összecsukással.
Osztott panel — A tartalmat két húzással átméretezhető ablaktáblára osztja fel egyetlen elválasztóval, ami a többpaneles lr-multi-split egyszerűbb alternatívája.
Stepper — Többlépcsős folyamaton vezeti végig a felhasználót, és jelzi az egyes lépések állapotát.
Lapcsoport — Lapcsoport, amely egyszerre egy Light DOM-panelt jelenít meg teljes billentyűzetes navigációval.
Lap — Web Awesome- és Shoelace-kompatibilis lap, amely a csoport megfelelő paneljéhez kapcsolódik.
Lappanel — Web Awesome- és Shoelace-kompatibilis panel, amely a csoport megfelelő lapjához kapcsolódik.
Virtuális lista — Ablakos listás gazdagép, amely csak a képernyőn megjelenő sorokat jeleníti meg a hatalmas görgethető gyűjteményekhez
Widget — Című panelhéj opcionális összecsukással és teljes képernyős kibontással

Fedvények és visszajelzések

Értesítés — Értesítési terület, amely a képernyő sarkában egymásra helyezi az üzeneteket.
Értesítési elem — Egyetlen bezárható értesítés állapotjelző színnel, opcionális ikonnal és időzített bezárással.
Chip — Kis címke megjelöléshez, szűrőhöz vagy hatókörhöz; eltávolítható vagy kapcsolható.
Chip csoport — Becsomagol egy zsetonkészletet opcionális +N túlcsordulási kapcsolóval, ha túllépnek egy határt.
Figyelmeztetés — Alapértelmezés szerint zárt figyelmeztetés időzített elrejtéssel, opcionálisan az értesítési verembe továbbítva.
Jelvény — Kompakt állapotcímke az állapot, a számok vagy a kategóriák soron belüli jelzéséhez
Kiemelt megjegyzés — Beépített üzenetfelület az állapot-, figyelmeztetés- és hibatartalomhoz, elvethető.
Helyi menü — Bármely régiót jobb gombbal kattintással, hosszan lenyomva vagy a Shift+F10 billentyűkombinációval célzóná változtat, amely műveleti menüt nyit meg.
Párbeszéd — Fókuszba zárt modális fedvény megerősítésekhez, űrlapokhoz és egyéb megszakító feladatokhoz.
Fiók — Becsúsztat egy modális panelt a nézetablak bármely széléről a szűrők vagy a környezetfüggő vezérlők számára.
Legördülő menü — Menü szerepkörű popover, amely egy műveletlistát rögzít egy fogyasztó tulajdonában lévő eseményindítóhoz
Üres állapot — Üres vagy adatmentes állapotot kommunikál ikonnal, üzenettel és opcionális műveletekkel.
Kbd — Platformhoz igazodó billentyűparancs-megjelenítés billentyűsapkákkal.
Popover — Kattintásra nyíló lebegő tartalmi panel, amely külső kattintásra is bezárul.
Felugró ablak — Alacsony szintű lehorgonyzott pozicionáló primitív, amely a lebegő panelt a horgonyhoz igazítva tartja, ugyanaz a motor áll a popover és az eszköztipp-komponensek mögött.
Folyamatsáv — Határozott vagy határozatlan vízszintes folyamatjelző opcionális értékkel.
Folyamatgyűrű — Kör alakú, determinált vagy határozatlan folyamatjelző középső címkével.
Értékelés — Billentyűzetről elérhető csillagbesorolás töredékes pontosságú részleges kitöltéssel
Betöltési váz — Animált betöltési helyőrző, amely betöltés közben a tartalomért áll.
Spinner — Egy folyamatban lévő háttérfeladatot jelez határozatlan, animált foglaltságjelzővel.
Címke — A jelvénykezelés szemantikai álneve kulcsszavak vagy kategóriák címkézéséhez
Elemleírás — Lebegéssel és fókuszálással aktiválható elemleírás, amely a fogyasztó tulajdonában lévő aktiválási szabályokat írja le

Dokumentum- és fájlnézők

Archívumnézegető — Felsorolja a fájlneveket és a tömörítetlen méreteket egy ZIP-archívumban a tartalom kibontása nélkül.
Naptárnézegető — Az .ics naptárfájl eseményeit, időpontjait és helyszíneit mutatja.
Névjegymegtekintő — Áttekinthető nézetben jeleníti meg a névjegyadatokat.
CSV-nézegető — Lekér egy CSV-fájlt, és a sorait egy virtualizált, görgethető lapon jeleníti meg.
Adatkészlet megjelenítő — Elválasztójelekkel tagolt szöveges adatkészletet tölt be és típusos, akadálymentes táblázatban jeleníti meg.
Dokumentum összehasonlítás — Két dokumentumverzió egymás melletti vagy soron belüli összehasonlítása, a szöveges eltérés nézet és a renderelt dokumentum előnézetének kombinálása.
Dokumentum előnézete — Egy dokumentum vagy melléklet előnézete soron belüli MIME-típus alapján, letöltési tartalékkal.
Dokumentumnézegető — Megjelenít egy dokumentumot egy párbeszédpanelen egy csatlakoztatható MIME-típusú renderelő nyilvántartással.
DOCX néző — DOCX-dokumentumot alakít tisztított szemantikus HTML-lé a Mammoth könyvtárral.
Ebook néző — EPUB-könyvet jelenít meg fejezetnavigációval, az opcionális epub.js függőség használatával.
E-mail néző — Elemzi és megjeleníti az .eml üzenetet fejlécekkel, megtisztított törzstel és mellékletekkel.
GeoJSON megjelenítő — Lekéri, ellenőrzi és megjeleníti a GeoJSON-fájlok jellemzőit a térképen.
Kiemelőréteg — Fedvény, amely aktiválható kiemelő téglalapokat fest az elhelyezett dokumentumtartalom fölé.
HTML-nézegető — Lekér egy URL-t, és biztonságosan rendereli a HTML-kódját, miután megtisztította.
Beillesztés — HTML-részletet tölt be, és tisztítás után hozzáadja az oldal tartalmához.
Notebook néző — Csak olvasható Jupyter-notebook megtekintő Markdown-, kód- és kimeneti cellákhoz.
Oldalminiatűr-sáv — Virtualizált függőleges miniatűrsín oldalcímzett dokumentumok lapozásához.
PDF-nézegető — Lekéri és megjeleníti a PDF-oldalakat nagyítással, oldalszámozással és kiválasztható szövegréteggel
PPTX néző — PowerPoint PPTX-bemutatók böngészőalapú megtekintője.
Táblázatnézegető — Lekéri és megjeleníti az .xlsx és a régi .xls munkafüzeteket lapfülekkel és virtualizált sorokkal.
SVG néző — Lekéri és biztonságosan rendereli egy soron belüli, megtisztított SVG-dokumentumot egy URL-ből.
XML-nézegető — Összecsukható, másolható fanézet az XML dokumentumok ellenőrzéséhez.

Média és fájlok

Mellékletcímke — Kompakt chip egy üzenethez csatolt fájlhoz, feltöltés állapotával, folyamatával és újrapróbálkozással.
Avatar — Kis azonosító jelölő, amely egy személy vagy entitás ikonját, képét vagy kezdőbetűit mutatja
Animált kép — GIF-, APNG- vagy WebP-animációt játszik le, szünet gombbal, a csökkentett mozgás beállítását tiszteletben tartva.
Animáció — Deklaratív módon animál egy hasított gyermeket elnevezett előbeállításokkal vagy egyéni kulcskockákkal.
Melléklet hozzáadása — Melléklet-hozzáadási gomb, amely fájlválasztót vagy műveleti menüt nyit az üzenetmezőben.
AV lejátszó — Audio/video lejátszó szinkronizált cue átirattal, hullámformával és lejátszási sebesség szabályozással.
Avatar csoport — Az egymást átfedő avatarokat egy kompakt sorba halmozza fel, amely az extrákat +N jelvénybe fogja össze
Drop zóna — Drag-and-drop burkoló, amely bármely régiót fájl-ledobható célponttá változtat, saját fájlválasztó nélkül.
Fájlikon — Lokalizált fájltípus jelvény MIME-típusból vagy fájlnévből feloldva.
Fájlmező — Drag-and-drop és kattintson a tallózáshoz a kiválasztott fájlokat kibocsátó dropzóna.
Zászló — Ország- vagy nyelvi zászlót jelenít meg a témához igazodó, opcionálisan kerek keretben.
Képösszehasonlító — Elcsúsztatja a billentyűzettel elérhető elválasztót, hogy összehasonlítsa az előtti és utáni felületeket egymás mellett.
Képnézegető — Teljes pásztázás/nagyítás raszteres képnézegető címkézett régiókiemeléssel és opcionális megjegyzésekkel.
Lightbox — Teljes képernyős modális képnézegető előző/következő navigációval és nagyítással
Térkép — MapLibre GL-térkép jelmagyarázattal, színezett régiókkal és jelölőkkel.
Médiakártya — Egy csevegőüzenetben lévő kép, videó vagy fájlmelléklet soron belüli előnézete.
Pásztázás és nagyítás — Görgethető nézetablak pásztázáshoz és nagyításhoz réses tartalomra vagy egyetlen képre korlátozott nagyítási szinten.
Sorozatos lejátszás — Lejátszás/szüneteltetés, amely az indexet egy tartományon keresztül egy fix időzítőn halad keresztül.
QR kód — Bármely értéket beolvasható QR-kód szimbólumként kódol vászonra renderelve.
Videó — Beépített videólejátszó egyéni vezérlőkkel, választható feliratokkal és miniatűr előnézetekkel.
Videó lejátszási lista — Videók sorozatát játssza le egy navigálható lejátszási listában, amely automatikusan halad előre, amint mindegyik befejeződik.
Nagyítható keret — Sandboxos iframe előnézet diszkrét zoomvezérlőkkel; a korábbi hornyolt/kép-ellenőrző felület az lr-pan-zoom.

Segédkomponensek

Metszésfigyelő — Továbbítja a böngésző IntersectionObserver-eseményeit, amikor a tartalom a látómezőbe kerül vagy onnan kilép.
Mutáció megfigyelő — Figyeli a tartalmi elemek és attribútumaik változásait, és továbbítja a böngésző megfigyelési adatait.
Méretváltozás-figyelő — Figyeli a tartalmi elemek méretváltozásait látható felület nélkül.
Másolás gomb — Csak ikonokat tartalmazó gomb, amely a szöveges értéket a vágólapra másolja, pipajel visszajelzéssel.
Különbségnézet — Valódi kétkarakterláncú vonaldiff-et jelenít meg színkódolt egységes-diff kimenetként.
Osztó — Tematikus szemantikai elválasztó a tartalom vízszintes vagy függőleges felosztásához.
Exportálás gomb — Táblázatadatok letöltése CSV vagy JSON formátumban, egyetlen formátumban vagy a formátum menün keresztül.
Bájtok formázása — Nyelv-érzékeny bájtméretű formázás állítható egységlépéssel és pontossággal.
Dátum formázása — Területi beállításokat figyelembe vevő dátum és idő formázása az Intl.DateTimeFormat segítségével.
Szám formázása — Nyelv-érzékeny szám, pénznem és kompakt formázás az Intl.NumberFormat segítségével.
Ikon — Éles soron belüli SVG karakterjeleket jelenít meg egy beépített elnevezett útvonalkészletből, nulla függőséggel.
JSON-nézegető — Összecsukható, másolható fanézet bármely JSON-adattartalom ellenőrzéséhez
Ismert dátum — Három mezős nap/hónap/év bevitel a felhasználó által már ismert dátumhoz
Élő régió — Vizuálisan rejtett ARIA élő régió, amely korlátozza a képernyőolvasó közleményeit
Említésfelugró — Caret-rögzített automatikus kiegészítés @-említésekhez és perjel-parancsokhoz egy szövegmezőben.
Frissítési állapot — Visszaszámlál a következő frissítésig, szüneteltetés és folytatás gombbal.
Véletlenszerű tartalom — Véletlenszerűen vagy sorban jelenít meg alternatív tartalmat, például A/B-szövegeket.
Relatív idő — Megjelenít egy terület-függő relatív időbélyeget, amely önmagában frissül.
Vezetett túra — Vezetett termékbemutató kiemelésekkel és lépésenkénti útmutatással.
Vizuálisan rejtett — Vizuálisan elrejti a tartalmat, miközben elérhetővé teszi a képernyőolvasók számára, így ismét láthatóvá válik.