Vse komponente

Raziščite vseh 308 komponent Lyra UI. Filtrirajte po družini, iščite po imenu, preizkusite predoglede v živo ali odprite dokumentiran primer.

Pogovor in klepet

  • Delovni prostor agenta — Odzivna nadzorovana lupina za pogovor z umetno inteligenco, ki sestavi prepis, skladatelja in izbirno podokno s podrobnostmi za zagon/orodje/priklic/ozemljitev/kontekst.
  • Avdio vizualizator — Na platnu narisana vizualizacija glasovne dejavnosti, ki odraža agentovo stanje mirovanja, poslušanja, razmišljanja ali govora.
  • Izbirnik veje — Nadzorovan ‹ n / m › navigator po regeneriranih ali urejenih različicah enega sporočila klepeta.
  • Sestavljalnik sporočil — Samodejno spreminjanje velikosti vnosa sporočila klepeta z vgrajenimi kontrolniki za pošiljanje in zaustavitev
  • Sporočilo klepeta — Oblaček za klepet, ki temelji na vlogah, z avatarjem, značkami in nogo, ki se zaveda statusa
  • Pogledno okno klepeta — Vsebnik za drsenje po prepisu, ki ima vedenje »prilepi na dno«, skok na najnovejšo tabletko in neprebrani delilnik.
  • Kontrolna točka — Vgrajena obnovitvena točka pogovora z možnostjo potrditve in obnovitve za vrnitev klepeta v prejšnje stanje.
  • Kodni blok — Ograjen prikaz kode z neobveznim lenim označevanjem sintakse in gumbom za kopiranje.
  • Jedro kodnega bloka — Lahek prikaz kode s poudarjanjem skladnje samo na podlagi zemljevida slovnice, podanega ob gradnji.
  • Element pogovora — Izbirna vrstica zgodovine klepeta, ki prikazuje naslov, predogled in časovni žig seje.
  • Metrike ustvarjanja — Prikazuje pretečeni čas, žetone in pretok med pretakanjem odziva AI.
  • Delilnik predaje — Označeno ločilo, ki označuje nadzorni prenos med agenti v prepisu.
  • Markdown — Prečiščeno upodabljanje Markdown-to-HTML s tabelami, kodo in povezavami GFM
  • Markdown jedro — Markdown upodabljanje z nagibom pri gradnji, ki poudari ograjeno kodo samo iz slovničnega zemljevida, dobavljenega med prevajanjem.
  • Dejanja sporočila — Orodna vrstica dejanj za posamezno sporočilo za sporočilo klepeta z vgrajenimi funkcijami za kopiranje, ponovno ustvarjanje, urejanje in povratne informacije.
  • Povratne informacije o sporočilu — Ocenjevanje s palcem gor/dol za eno sporočilo pomočnika z neobvezno ploščo s podrobnostmi o razlogih in komentarjih.
  • Izbira modela — Ponudnik in izbirnik modelov s fiksnim katalogom ali vnosom po meri s prostim besedilom.
  • Plošča z nastavitvami modela — Seznanjen izbirnik modela in temperaturni drsnik za konfiguracijo agenta.
  • Pritisni in govori — Gumb za zajem mikrofona, ki ima v lasti celoten življenjski cikel zahteve za dovoljenje, snemanje in razstavljanje za uporabo s pritiskom in držanjem ali preklopom.
  • Stanje toka — Prikazuje fazo posamezne pretočne povezave z zaznavanjem zastoja glede na srčni utrip.
  • Pretočno besedilo — Postopno upodablja pretočno besedilo pomočnika, združuje hitre posodobitve žetonov.
  • Jedro pretočnega besedila — Vitki upodabljalnik pretočnega besedila, katerega način Markdown poudari omejeno kodo samo iz slovničnega zemljevida, dobavljenega med prevajanjem.
  • Oznake predlogov — Pomična vrstica začetnih ali nadaljnjih pozivnih čipov, ki izbrano besedilo predajo gostitelju.
  • Seznam niti — Stranska vrstica skupinskih pogovorov, po kateri je mogoče iskati, z dejanji vrstice pripenjanja, arhiviranja, brisanja in preimenovanja.
  • Vir prepisa — Vir podnapisov v živo za glasovno sejo, ki je v teku, z vmesnimi do končnimi nadgradnjami in drsenjem na dnu.
  • Indikator tipkanja — Predstavitveni znak prisotnosti, ki prikazuje, da pomočnik sestavlja odgovor
  • Značka za uporabo — Strnjen prikaz žetonov, stroškov in zakasnitve za sporočilo ali izvajanje, s podrobnostmi v namigu.
  • Izbirnik glasu — Glasovni izbirnik TTS prek priloženega kataloga z vgrajenim predogledom zvoka in obravnavanjem zastarele vrednosti.
  • Upodabljalnik pripomočkov — Upodobi deklarativno drevo gradnikov JSON, ki ga pretaka agent, prek registra vrste-komponente na seznamu dovoljenih.
  • Deli sporočila — Upodablja urejene dele sporočil AI, ki jih je mogoče prepletati, z besedilom, obrazložitvijo, orodjem, citatom, prilogo in predstavnostnimi primitivi.
  • Vnos poziva — Združuje sestavljanje poziva s priponkami, izbiro modela in glasu, viri iskanja, omembami, ukazi ter zaporednimi pozivi.
  • Čakalna vrsta pozivov — Upravlja nadzorovano čakalno vrsto nadaljnjih pozivov, ki jih je mogoče urejati, prerazporediti, odstraniti ali takoj poslati.
  • Seja v realnem času — Zagotavlja lupino glasovne seje, nevtralno glede ponudnika, za nadzor povezave, dejavnosti, prepisa, zajemanja, utišanja in prekinitev.
  • Izbirna orodna vrstica — Postavi dejanja spraševanja, citiranja, citiranja in kopiranja poleg izbranega besedila, medtem ko nosi njegovo sidro dokumenta.

Orodja agentov in opazljivost

  • Vir dejavnosti — Dnevnik pretakanja zdrobljenih dejanj agenta, ki je samo pripet, se strne v povzetek opravljenih korakov, ko se zagon konča.
  • Nadzorna plošča za vrednotenje agentov — Pregled nadzorovanega ocenjevanja, ki združuje metrične kartice z grafikonom trendov in zgodovino statusa na zagon.
  • Vprašanje agenta — Zbira strukturiran odgovor na vprašanje posrednika ali strežnika MCP z dejanji sprejema, zavrnitve in preklica.
  • Izvajanja v ozadju — Prikazuje opravila agenta, ki jih upravlja gostitelj, v čakalni vrsti, v teku in dokončana opravila z zahtevami za odprtje in preklic.
  • Merilnik proračuna — Prikaže porabo dobavljene količine glede na omejitev, vključno s stanji nerazpoložljivosti in preseženosti.
  • Pregled sprememb — Pregleduje spremembe datotek, ki jih posreduje gostitelj, in zahteva odločitev o ohranitvi ali zavrženju za vsak kos.
  • Upravljalnik priključkov — Prikazuje stanje povezave in zahteva dejanja za vzpostavitev povezave, prekinitev povezave ali ponovni poskus za povezovalnike, ki jih upravlja gostitelj.
  • Podelitev dovoljenja — Predstavi zahtevo za omejeno dovoljenje in poroča gostitelju o tem, ali uporabnik dovoli ali zavrne izbiro.
  • Pravila dovoljenj — Prikaže pravila dovoljenj, ki jih določi gostitelj, in zahteva spremembe njihovih odločitev o dovoljevanju, vprašanju ali zavrnitvi.
  • Izvajanje agenta — Lupina najvišje ravni za en zagon agenta, ki prikazuje stanje, pretečeni čas, trenutni korak in ceno, z dejanji preklica in ponovnega poskusa.
  • Sled agenta — Pogled sledenja hierarhičnega agenta/LLM s filtri vrste razponov in hitrimi preskoki predaje čez en skupni niz razponov.
  • Čakalna vrsta za odobritev — S tipkovnico dostopna čakalna vrsta čakajočih klicev orodij, od katerih je vsak pregledan in odobren ali zavrnjen prek enega skupnega pogovornega okna.
  • Plošča artefaktov — Okrognite en artefakt, ki ga ustvari agent, s preklopom predogleda/kode, krmarjenjem po različici in dejanji kopiranja/prenosa.
  • Okvir brskalnika — Predstavitveno vidno okno agent-računalnik, ki prikazuje tok posnetkov zaslona, URL samo za branje in kontrole za prevzem.
  • Kartica commita — Strnjena kartica commita s statistiko razlik in spremembami po datotekah ter povezavami do pogleda razlik.
  • Plošča za primerjavo — Vzporedna A/B izhodna primerjava z zmagovalnim glasovanjem za oceno modela v slogu arene.
  • Potrditvena vrstica — Vgrajeni, nemodalni blok za odobritev/zavrnitev za eno predlagano dejanje agenta, ki se nahaja v prepisu namesto pogovornega okna.
  • Pregledovalnik konteksta — Inšpekcijski pogled segmentov konteksta klica modela z ocenami žetonov, navedbami, oznakami redakcije in kontrolami kopiranja/izvoza.
  • Podatkovna zbirka za vrednotenje — Seznam ocenjevalnih primerov, ki ga je mogoče filtrirati in označiti, z možnostmi dodajanja, odstranjevanja, uvoza in izvoza.
  • Rezultat vrednotenja — Točkovanje po rubrikah in površina za človeški pregled za primerjavo izvajanj enega primera vrednotenja.
  • Izvajanje vrednotenja — Pogled v živo za ocenjevalno serijo, s splošnim napredkom in enim razkritjem na primer, vključno z ozemljitvijo in sledovi orodja.
  • Povzetek politike — Seznam samo za branje o zaščitni ograji, dovoljenjih, zasebnosti in odločitvah o pravilnikih orodij z dostopnimi razlagami za dovoljenje, zavrnitev ali potreben pregled.
  • Razponski slap — Vodoravna časovna premica sledi agenta se razteza kot statusno obarvane vrstice proti časovni osi v skupni rabi.
  • Sled sklada — Razčleni sledi skladov JS/TS, brskalnika in Python v okvirje, ki jih je mogoče aktivirati, z notranjim zlaganjem okvirja.
  • Seznam opravil — Živi, zložljivi sledilnik za agentov načrt s statusom življenjskega cikla po korakih in ugnezdenimi podkoraki.
  • Terminal — Konzola ANSI samo za branje upodablja pretočni agent ali izhod orodja, z iskanjem in sledenjem »stick-to-bottom«.
  • Rezultati testa — Povzetek nabora preizkusov uspešno/neuspešno s štetjem glede na stanje, preklopi filtrov in samodejno razširljivimi podrobnostmi o napakah.
  • Panel za razmišljanje — Zložljiva plošča za živi ali pregledani prepis obrazložitve agenta AI.
  • Pogovorno okno za odobritev orodja — Vrata človeka v zanki za odobritev, zavrnitev ali urejanje predlaganega klica orodja, preden se zažene.
  • Blok klica orodja — Zložljiv vgrajeni blok za en klic orodja agenta, ki se razširi, da prikaže svoje argumente, napako in rezultat.
  • Čip za klic orodja — Kompaktna vgrajena tabletka, ki povzema ime, status in trajanje klica enega posrednika.
  • Obrazec parametrov orodja — Ustvari obrazec, ki ga je mogoče urejati, iz ravne sheme JSON orodja za prilagajanje argumentov klica.
  • Pogovorno okno z rezultati orodja — Modalni prekrivek, ki prikazuje stanje klica orodja, trajanje in vse podrobnosti o rezultatu.
  • Pogled rezultata orodja — Upodobi rezultat klica orodja prek registriranega upodabljalnika, ki se vrne v JSON.
  • Pogovorno okno za izbiro orodja — Iskalno pogovorno okno, razvrščeno po kategorijah, za izbiro orodij za agente, ki so omogočena.
  • Časovnica orodja — Kronološki seznam klicev orodij izvajalca agenta s štetjem ponovnih poskusov, človeškim odobritvenim prehodom in urejanjem občutljivih polj.
  • Drevo sledi — Zložljiva razponska hierarhija za sled agenta/LLM z vrstico trajanja in neobveznimi stolpci žetonov/stroškov.
  • Kartica z rezultati — Obrobljena lupina kartice daje upodabljalnikom rezultatov orodja po meri en videz majhne kartice
  • Polje z rezultati — Strnjena vrstica z oznako/vrednostjo za kartice z rezultati orodja in goste trakove z metapodatki
  • Aplikacija MCP — Gosti izvršljiv vir aplikacije MCP v izoliranem peskovniku in prikazuje zahteve gostitelja kot vnesene dogodke.
  • Urejevalnik pozivov — Zagotavlja do ponudnika nevtralno delovno okolje za urejanje, predogled, ustvarjanje različic, shranjevanje in izvajanje strukturiranih pozivov.
  • Pregledovalnik shem — Pregleduje izbirna drevesa sheme JSON z omejitvami, zahtevanim stanjem, vejami sestave in težavami pri preverjanju.
  • Podagentna plošča — Prikaže nadzorovano hierarhijo izvajanj subagentov s statusom, opravilom, modelom, napredkom in dejanji življenjskega cikla.

Iskanje in grafi znanja

  • Skupnostna karta — Kartica s povzetkom skupnosti grafa znanja, oznakami članov in možnostjo podrobnega pregleda.
  • Raziskovalec vdelave — Dostopen 2D razpršeni pogled koordinat vdelave, ki jih je predvidel gostitelj, z izbirnim barvanjem gruče in izbiro točk.
  • Kartica entitete — Kartica dosjeja za eno entiteto grafikona znanja z značko tipa, lastnostmi, diplomo in dejanjem fokusa v grafu.
  • Oznaka entitete — Omemba @entity v vrstici za prozo agenta s pojavnim pojavnim prikazom predogleda lebdenja/fokusa.
  • Dosje subjekta — Površina s podrobnostmi entitete z glavo, statistiko zaupanja in zavihki za relacije, podporne dele in izvor.
  • Graf — Preslika razmerja kot na silo usmerjen diagram vozlišče-povezava, ki ga je mogoče premikati in povečati.
  • Legenda grafa — Legenda tipa vozlišča za seznanjeni graf, ki deluje tudi kot filter vidnosti.
  • Čakalna vrsta za vnos — Nadzorovan seznam dokumentov, ki se premikajo po cevovodu za vnos, prikazuje stopnjo, napredek, število in zahteve za ponovni poskus ali preklic.
  • Baza znanja — Seznam virov baze znanja za pridobivanje s stanjem sinhronizacije, stanjem indeksiranja, dovoljenji in zahtevami za upravljanje po vrsticah.
  • Administrator baze znanja — Operacijska lupina z zavihki združuje vire baze znanja s čakalno vrsto za vnos in posreduje dejanja upravljanja gostitelju.
  • Raziskovalec grafov znanja — Lupina za raziskovanje grafov znanja, ki združuje upodabljanje grafov, iskanje entitet, filtre tipov, razširitev soseske in iskanje poti.
  • Miselni zemljevid — Radialno razširljivo drevo tem za prostorsko brskanje po hierarhiji in vrtanje v temo.
  • Seznam sosedov — Vrstice odnosa ene entitete z možnostmi krmarjenja po vrsticah in razširitve v graf.
  • Paleta vozlišč — Iskalna, kategorizirana knjižnica vozlišč za vlečenje ali postavitev vozlišč na platno toka.
  • Trak poti — Kompaktna veriga vozlišče-relacija-vozlišče z možnostjo drsenja, ki upodablja pot razmišljanja GraphRAG.
  • Pregledovalnik odsekov — Razvrščen seznam pridobljenih odsekov RAG s prikazom ocene ustreznosti in povezavo do ustreznega mesta v pregledovalniku dokumentov.
  • Citirana značka — Inline [n] oznaka citata s predogledom lebdenja in barvo zaupanja/preverjanja.
  • Povzetek utemeljitve — Tabela rezultatov na ravni trditve, ki prikazuje število podpor, pokritost s citati, zaupanje, opozorila in navedbe dokazov.
  • Plošča pomnilnika — Površina delovnega pomnilnika agenta za kratkoročni kontekst in dolgoročne spomine, z dejanji, ki so odvisna od zaupanja in potrditve.
  • Plošča izvora — Prikaže utemeljitev odgovora v zložljivem pregledu entitet, odnosov, skupnosti in odsekov.
  • RAG odgovor — Površina z utemeljenimi odgovori, ki združuje prečiščeno Markdown, značke za citiranje, oceno utemeljenosti in razširljive predoglede vira.
  • Napredek raziskav — Prikazuje raziskovalne korake, ki jih zagotovi gostitelj, število virov in splošni napredek dokončanja.
  • Rezultati iskanja — Seznam razvrščenih delov za pridobivanje z deduplikacijo, združevanjem virov, izbiro in načini strnjene ali razširjene predstavitve.
  • Priklicno iskanje — Vrstica poizvedb za površino za iskanje ali RAG s čipi filtra in obsega, izbirnikom vektorskega/ključne besede/hibridnega načina in povratnimi informacijami o stanju.
  • Priklicna sled — Časovnica stopnje pridobivanja cevovoda z razširljivimi dokazi za vsako stopnjo prepisovanja, vdelave, pridobivanja, prerazvrščanja in filtriranja.
  • Izvorna kartica — Vnos citata, ki prikazuje naslov vira, stran, odlomek in razširljivo celotno besedilo.
  • Seznam virov — Plošča z zložljivimi viri, ki združuje kartice s citati sporočila klepeta pod eno glavo.
  • Izbirnik vira — Drevo potrditvenih polj določa, kateri viri temeljijo na naslednjem odgovoru, z mapami s tremi stanji, izbiro vsega in iskanjem.
  • Dokazi za trditev — Revizije so ustvarile zahtevke proti navedbam s statusom podpore, zaupanjem in dokazi.
  • Nadzorna plošča za ocenjevanje RAG — Predstavlja metrike kakovosti RAG, trende, ocenjevalne rezine in zgodovino izvajanja iz rezultatov, ki jih izračuna gostitelj.
  • Primerjava iskanja — Primerja nize rezultatov razvrščenega pridobivanja in prerazvrščanja enega ob drugem s prekrivanjem in razčlenitvijo rezultatov.

Obrazci in vnosi

  • Gumb — Tokeniziran akcijski gumb z različicami tonov, velikostmi in stanjem nalaganja.
  • Potrditveno polje — Logični obrazčni kontrolnik s potrjenim, nepotrjenim in nedoločenim stanjem.
  • Skupina potrditvenih polj — Združi sorodna potrditvena polja v eno, z obrazcem povezano, potrjeno polje za več izbir.
  • Urejevalnik kode — Površina za urejanje večvrstične kode brez odvisnosti z izbirnim žlebom za številko vrstice.
  • Izbirnik barv — Izvorno barvno polje, povezano z obrazcem, z oznako, namigom in prikazom napak preverjanja.
  • Kombinirano polje — Eno ali več izbir, ki jih je mogoče filtrirati, združuje vnos besedila s pojavnim pojavnim oknom s seznamom.
  • Vnos datuma — Datumsko polje s priloženim pojavnim koledarjem in vrednostjo ISO-8601.
  • Izbirnik datuma — Vgrajeni mesečni mrežni koledar za izbiro enega datuma ali časovnega obdobja.
  • Izbirnik emojijev — Izbirnik, ki omogoča iskanje, krmarjenje s tipkovnico in obrazcem povezan izbirnik za izbiro emodžija.
  • Gumb ikone — Sproži dejanje s kompaktnim, dostopnim gumbom samo z ikono.
  • Vnos — Enovrstično besedilno polje z neobvezno oznako, namigom in sprotnim prikazom preverjanja.
  • Izbirnik države — Izbere kode držav in ozemelj s prevedenimi imeni, zastavami in izbirnim iskanjem.
  • Izbirnik valute — Izbere kode valut s prevedenimi imeni, simboli in izbirnim iskanjem.
  • Izbirnik časovnega pasu — Izbere identifikatorje časovnih pasov iz urejenega seznama z izbirnim iskanjem.
  • Izbirnik enote — Izbere merske enote s prevedenimi imeni, simboli in izbirnim iskanjem.
  • Izbirnik lokalnih nastavitev — Spustni meni z zaprtim seznamom za preklapljanje med aktivnimi področnimi nastavitvami, pridobljenimi iz lastnega registra področnih nastavitev knjižnice.
  • Vnos številke — Številsko polje z minimalnimi, največjimi in stopenjskimi omejitvami ter izvorno preverjanje omejitve.
  • Možnost — Izbirna možnost, ki kombiniranemu polju posreduje vrednost, oznako, skupino in stanje.
  • Vnos telefona — Telefonsko polje, ki pozna državo, katerega vrednost oblike je kanonična E.164
  • Izbirni gumb — Z obrazcem povezan kontrolnik z eno izbiro za izbiro ene možnosti iz niza
  • Skupina izbirnih gumbov — Označena skupina izbirnih gumbov z eno izbiro, po kateri lahko krmarite s tipkovnico.
  • Obrazec meril — Nastavljivo točkovanje, kategorija in rubrika komentarjev s tokom oddaje in naslednjega za delo skozi čakalno vrsto za ocenjevanje.
  • Izbirno polje — Spustni meni z zaprtim seznamom za izbiro ene možnosti iz fiksnega nabora izbir.
  • Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
  • Drsnik — Številčni nadzor obsega za nastavitve, kot sta temperatura LLM ali raven glasnosti.
  • Izbirnik vzorcev — Enotni izbirnik prek majhnega, fiksnega nabora barvnih vzorcev z vgrajeno pogodbo radijske skupine.
  • Stikalo — Logično preklopno stikalo za izvorne obrazce s pomenom vklopa in izklopa.
  • Besedilno območje — Večvrstično polje za navadno besedilo s samodejnim povečevanjem, preverjanjem in elementi obrazca.
  • Vnos časa — Lokalno segmentirano časovno polje s priloženim izbirnikom stolpcev; izkušnja vnosa[type=time] brskalnika je lr-native-time-input.
  • Časovni razpon — Čopič z dvema ročajema za izbiro začetnega in končnega obsega v številski domeni.
  • Preklopi — Samoupravljalni gumb z dvema stanjema, ki vklopi ali izklopi možnost s semantiko pritiska arije.
  • Preklop skupine — Skupine preklapljajo med gumbi za enim zavihkom z večkratnim ali enojnim izborom, ki ga je mogoče izbrisati.
  • Izvorni vnos časa — Izvorni brskalnikov izbirnik časa z oznako, namigom in prikazom preverjanja Lyra, ko ima prednost pred razdeljenim lr-time-input.
  • vnos OTP — Segmentirano polje za vnos enkratne kode za preverjanje, z vgrajenim samodejnim izpolnjevanjem SMS.
  • Izbirni gumb — Kontrolnik z eno izbiro, oblikovan kot gumb namesto kroga, običajno združen v segmentiran kontrolnik z lr-radio-group.
  • Vnos žetona — Polje, povezano z obrazcem, ki zbira seznam odstranljivih žetonov, kot so oznake ali prejemniki.

Prikaz podatkov

  • Graditelj grafičnih poizvedb — Urejevalnik, povezan z obrazcem, za razmerje vnesenega grafa ali poizvedbo po poti, s sidri entitet, filtri tipov, omejitvami skokov in shranjenimi poizvedbami.
  • Koledar — Odziven mesečni koledar z označevalci dogodkov in s tipkovnico dostopnim pogledom dnevnega reda.
  • Merilnik konteksta — Segmentiran merilnik zasedenosti, vrstica ali obroč za žetonski proračun ali kontekstno okno.
  • Knjižnica dokumentov — Popis dokumentov, po katerem je mogoče iskati in filtrirati, z različicami, oznakami, lastniki, svežostjo, razvrščanjem in množično izbiro.
  • Seznam okoljskih spremenljivk — Zamaskiran seznam ključev/vrednosti za spremenljivke okolja in skrivnosti z razkritjem in kopiranjem za vsako vrstico.
  • Drevo datotek — Raziskovalec datotek je prednastavljen prek drevesne komponente z značkami stanja git in lenim nalaganjem imenika.
  • Platno poteka — Platno, ki ga je mogoče premikati in povečati, za gradnjo in izvajanje vizualnih delovnih tokov DAG.
  • Kontrole pretoka — Skupina gumbov za povečavo, prilagoditev in zaklepanje platna poteka.
  • Minikarta toka — Kotni pregledni zemljevid s pravokotnikom vidnega polja, ki ga je mogoče povleči, za seznanjeno platno toka.
  • Vozlišče poteka — Kartica vozlišča poteka dela z glavo, tonom stanja in ročaji povezave za platno toka.
  • Stanje izvajanja poteka — Na platnu poteka prikaže oznake stanja izvajanja in strnjen povzetek korakov.
  • Lijak — Prikazuje padec konverzije po stopnjah kot stolpce, normalizirane na prvo stopnjo.
  • merilnik — Prikazuje eno vrednost kot radialni, obročni ali linearni meter.
  • Toplotni zemljevid — Upodablja matriko ali koledarsko mrežo vrednosti kot toplotni zemljevid platna, ki se zaveda velikosti.
  • Stranjenje — Nadzorovana navigacija po straneh s preskokom strani, ki ga je mogoče urejati, in povzetkom obsega elementov
  • Graditelj pogojev — Graditelj strukturiranih poizvedb, ki ga je mogoče sestaviti za tabelarične podatke ali podatke na nadzorni plošči, združuje vrstice s pogoji polja/operatorja/vrednosti s kombinatorjem IN/ALI.
  • Zaporedni trak — Kompakten trak za posamezno postavko, ki prikazuje zaporedje kategoričnih stanj kot barvne celice z neobveznim označevalcem.
  • Sparkline — Izriše strnjen trend SVG v vrstici kot črto, zapolnjeno območje ali palice za niz podatkov.
  • Statistika — Predstavlja en sam KPI z enoto, pilulo trenda, razčlenjene vrstice in izbirno iskrico.
  • Tabela — Predstavitvena podatkovna tabela z razvrstljivimi glavami, izborom, filtriranjem in številčenjem strani.
  • Časovnica — Povezano zaporedje vrstic preteklih dogodkov za revizijske sledi, zgodovine agentov in dnevnike sprememb.
  • Element časovnice — Ena vrstica dogodkov za časovnico z barvno kodiranim označevalcem, naslovom, časovnim žigom in opisom.
  • Drevo — Razširi/strni hierarhijo za krmarjenje po grafih, dokumentih ali drevesih datotek
  • Drevesno vozlišče — Rekurzivni upodabljalnik vrstic drevesnih elementov za eno vozlišče in njegove otroke znotraj drevesa.
  • Besedni oblak — Oblak oznak SVG brez odvisnosti, ki meri vsako besedo glede na njeno težo
  • Podatkovna mreža — Virtualizirana podatkovna mreža za velike ali strežniško podprte nabore podatkov z vgrajenim razvrščanjem, filtriranjem, združevanjem, stranjenjem in izbiranjem.

Grafikoni

  • Palični grafikon — Primerja vrednosti po kategorijah z navpičnimi ali vodoravnimi vrsticami.
  • Škatlasti diagram — Povzema porazdelitve iz vnaprej izračunanih petštevilčnih statističnih povzetkov.
  • Mehurčasti grafikon — Izriše tri dimenzije na točko z uporabo položaja x, y in polmera mehurčka.
  • Grafikon — Core Chart.js ovoj napaja vizualizacije linij, palic, torte in drugih podatkov.
  • Krofni grafikon — Prikazuje razmerje med delom in celoto kot segmente obroča.
  • Histogram — Združi številske vrednosti v vedra enake širine, da razkrije njihovo porazdelitev.
  • Črtni grafikon — Sledi trendom po zvezni osi z eno ali več povezanimi serijami.
  • Preprost grafikon — Palični in črtni grafikon brez odvisnosti, upodobljen kot navaden SVG, ni potreben chart.js
  • Tortni grafikon — Proporcionalni tortni grafikon, ki prikazuje delež ene serije v celoti
  • Graf polarnega območja — Grafikon polarnih območij, ki prikazuje vsako kategorijo kot klin, pomanjšan glede na njeno vrednost
  • Radarski grafikon — Radarski grafikon, ki primerja več metrik ene serije na radialni mreži
  • Razsevni grafikon — Raztreseni grafikon neobdelanih parov točk x/y na linearnih oseh

Postavitev in navigacija

  • Harmonika — Koordinira skupino plošč za razkritje, po želji omogoča več odprtih plošč hkrati.
  • Element harmonike — Zložljiva plošča za odkrivanje, zasnovana za vstavljanje v skupino harmonike.
  • Stranska vrstica aplikacije — Odzivna navigacijska tirnica, ki se prilagaja od polne do samo ikone do mobilnega prekrivanja.
  • Skupina stranske vrstice — Naslovljen, izbirno zložljiv razdelek, ki združuje navigacijske elemente znotraj vodila aplikacij.
  • Element stranske vrstice — Element za krmarjenje z ikonami in oznakami za vodilo aplikacij, s strnjenim stanjem samo za ikone.
  • Drobtinična navigacija — Odzivna navigacijska pot, ki prikazuje uporabnikovo mesto v hierarhiji strani.
  • Element drobtinične navigacije — Ena povezava ali oznaka trenutne strani znotraj navigacijske poti po poti
  • Skupina gumbov — Združuje povezane gumbe dejanj v eno odzivno označeno gručo
  • Kartica — Obrobljena površina vsebine z režami za glavo, medije, nogo in dejanja.
  • Vrtiljak — Dostopen vrtiljak z enim diapozitivom s krmarjenjem po tipkovnici, indikatorji, zankami in samodejnim predvajanjem.
  • Predmet vrtiljaka — Izbirni semantični ovoj diapozitiva, ki enemu podrejenemu vrtiljaku daje dosleden slog predmeta.
  • Paleta ukazov — Iskalni meni z ukazi za aplikacije z navigacijo s tipkovnico in bližnjicami.
  • Nadzorna skupina — Združuje mešane kontrolnike obrazcev in akcijske gumbe v eno odzivno, sredinsko vrstico orodne vrstice.
  • Mreža nadzorne plošče — Odzivna, s tipkovnico dostopna nadzorovana mreža pripomočkov, ki postavlja vnose postavitve in oddaja zahteve za premikanje, spreminjanje velikosti in kolizije.
  • Podrobnosti — Dostopna plošča za razkritje, ki se razširi in razkrije vsebino pod povzetkom.
  • Zasidran panel — Spremenljiva velikost, zložljiva plošča, pritrjena na en rob vaše obstoječe postavitve.
  • Plošča za podrobni pregled — Nadzorovana navigacijska lupina od datuma grafikona ali tabele do povezanih dokazov, dokumentov, subjektov ali tekov agentov s potjo poti.
  • Spustni element — Vzdevek, združljiv s funkcijo Web Awesome, za posamezno vrstico dejanj v spustnem meniju.
  • Filtrirna vrstica — Vrstica filtrov na armaturni plošči, ki sestavlja vhode Lyra in odstranljive čipe, s stanji ponastavitve in nalaganja.
  • Meni — Vgrajeni semantični meni elementov dejanja s potepujočim fokusom in ugnezdenimi podmeniji.
  • Element menija — Vrstica z enim dejanjem za meni z izbirno ikono, potrditvenim poljem ali uničujočim slogom.
  • Element za prerazporeditev — Ena vrstica znotraj seznama za prerazporeditev, ki združuje gumbe za pomik navzgor/navzdol s poljubno razporejeno vsebino.
  • Preuredi seznam — Generičen seznam vrstic, ki jih je mogoče preurediti in premikati z gumbi za vsako vrstico ali bližnjico Ctrl/Cmd+puščica.
  • Oznaka menija — Doda neinteraktiven naslov razdelka za združevanje povezanih elementov znotraj menijskega seznama.
  • Menijska vrstica — Vodoravna menijska vrstica aplikacije z naslovljenimi spustnimi meniji s popolno navigacijo s tipkovnico.
  • Element menijske vrstice — En naslov menijske vrstice na najvišji ravni, ki odpre svoj meni z režami ali deluje kot navadno dejanje.
  • Navigacijski meni — Navigacija v glavi spletnega mesta s povezavami in ploščami s pojavnimi okni, ki se zrušijo za preklopom menija, ko zmanjka prostora.
  • Element navigacijskega menija — En vnos v navigacijskem meniju: povezava do strani ali gumb za razkritje, ki odpre pojavno ploščo.
  • Stran — Semantično ogrodje aplikacije, katerega navigacija preklaplja med namiznim stolpcem in modalnim predalom za mobilne naprave glede na dodeljeni prostor, ne glede na vidno polje.
  • Odzivna plošča — Priklopi vsebino v vrstico na namizju ali jo predstavi kot prekrivni list na mobilni napravi
  • Drsnik — Odzivna prelivna površina z izbirnimi prejšnjimi/naslednjimi kontrolniki za vrstice kartic in zavihkov.
  • Segmentirano — Vrstica z gumbi za eno izbiro za hitro izbiro ene od več označenih možnosti.
  • Večdelna razdelitev — Razdeli nadzorno ploščo na plošče, ki jih je mogoče spreminjati po velikosti, z izbirnim odzivnim strnjevanjem.
  • Razdeljena plošča — Razdeli vsebino v dve podokni, ki ju je mogoče spreminjati po velikosti, z enim samim delilnikom, kar je enostavnejša alternativa lr-multi-split z več ploščami.
  • Steper — Vodi uporabnike skozi urejen večstopenjski čarovnik s stanjem za vsak korak in možnostjo klikni za skok.
  • Zavihki — Trak z zavihki, ki prikazuje po eno svetlobno ploščo DOM s popolno navigacijo s tipkovnico.
  • Zavihek — Deskriptor zavihka Web Awesome/Shoelace, ki je združljiv z ujemajočo se ploščo znotraj skupine zavihkov prek plošče in atributov imena.
  • Plošča z zavihki — Deskriptor plošče Web Awesome/Shoelace, ki je združljiv z ujemajočim se zavihkom znotraj skupine zavihkov prek imena in atributov plošče.
  • Virtualni seznam — Gostitelj seznama z okni, ki upodablja samo vrstice na zaslonu za ogromne zbirke, po katerih se je mogoče pomikati
  • Pripomoček — Naslovna lupina plošče z izbirnimi preklopi za strnitev in razširitev na celozaslonski način

Prekrivanja in povratne informacije

  • Obvestilo — Območje zlaganja, ki zasidra obvestila toast v kotu zaslona.
  • Element obvestila — Ena zdravica, ki jo je mogoče zavrniti, s poudarkom na resnosti, izbirno ikono in časovnikom za samodejno opustitev.
  • Oznaka — Majhna tabletka za oznako, filter ali daljnogled, po želji odstranljiva ali preklopna.
  • Skupina oznak — Obloži niz žetonov z izbirnim preklopom prelivanja +N, ko presežejo omejitev.
  • Opozorilo — Privzeto zaprto opozorilno sporočilo s časovnim samodejnim skrivanjem in izbirno predajo v skupni sklad toastov.
  • Značka — Kompaktna statusna oznaka za signaliziranje stanja, števila ali kategorij v vrstici
  • Oblaček — Vgrajena površina sporočil za status, opozorila in vsebino napak, ki jo je mogoče opustiti.
  • Kontekstni meni — Spremeni katero koli regijo v cilj z desnim klikom, dolgim pritiskom ali tipko Shift+F10, ki odpre meni dejanj.
  • Dialog — Modalno prekrivanje, ujeto v fokusu, za potrditve, obrazce in druga moteča opravila.
  • Predal — Pomakne modalno ploščo s katerega koli roba vidnega polja za filtre ali kontekstualne kontrole.
  • Spustni meni — Pojavni meni vloge, ki zasidra seznam dejanj na sprožilec v lasti potrošnika
  • Prazno stanje — Sporoči stanje prazno ali brez podatkov z ikono, sporočilom in neobveznimi dejanji.
  • Kbd — Čip, ki podpira platformo in upodablja bližnjico na tipkovnici kot velike črke tipk
  • Popover — Lebdeča površina za kontekstualno vsebino in kontrolnike, ki se odpre s klikom in zapre ob kliku zunaj nje.
  • Pojavno okno — Primitiv nizkonivojskega zasidranega pozicioniranja, ki ohranja lebdečo ploščo poravnano s svojim sidrom, isti mehanizem, ki je osnova za pojavni element in komponente orodnih namigov.
  • Vrstica napredka — Določen ali nedoločen horizontalni indikator napredka z izbirno vrednostjo.
  • Krožni kazalnik napredka — Okrogel določen ali nedoločen indikator napredka s sredinsko oznako.
  • Ocena — Ocenjevanje z zvezdicami, dostopno s tipkovnico, z delno natančnimi delnimi polnili
  • Okostje — Animirano nalaganje nadomestnega mesta za vsebino med nalaganjem.
  • Kazalnik nalaganja — Označuje tekoče opravilo v ozadju z nedoločenim, animiranim indikatorjem zasedenosti.
  • Oznaka — Semantična različica značke za označevanje ključnih besed ali kategorij.
  • Opis orodja — Opis orodja, ki ga sproži lebdenje in fokus, ki opisuje sprožilec v lasti potrošnika

Pregledovalniki dokumentov in datotek

  • Pregledovalnik arhivov — Navede imena datotek in nestisnjene velikosti znotraj arhiva ZIP brez ekstrahiranja vsebine.
  • Pregledovalnik koledarjev — Razčleni in upodablja dogodke koledarske datoteke .ics kot povzetke, ure in lokacije.
  • Pregledovalnik stikov — Pridobi dokument vCard in upodobi eno dostopno kartico na stik.
  • Pregledovalnik CSV — Pridobi datoteko CSV in upodobi njene vrstice v virtualiziranem listu, po katerem se je mogoče pomikati.
  • Pregledovalnik nabora podatkov — Pridobi razmejeno besedilo in ga upodobi kot tipkano, dostopno podatkovno tabelo.
  • Primerjava dokumentov — Vzporedna ali vmesna primerjava dveh različic dokumenta, ki združuje pogled besedilne razlike z upodobljenimi predogledi dokumentov.
  • Predogled dokumenta — Predogled dokumenta ali priloge v vrstici glede na vrsto MIME z nadomestnim prenosom.
  • Pregledovalnik dokumentov — Prikaže dokument v pogovornem oknu s priklopljivim registrom upodabljalnika tipa MIME.
  • Pregledovalnik DOCX — Upodablja datoteko DOCX kot prečiščen semantični HTML prek ogromnega pretvornika.
  • Pregledovalnik e-knjig — Upodablja EPUB s krmarjenjem po poglavjih z uporabo izbirnega vrstnika epub.js.
  • Pregledovalnik e-pošte — Razčleni in upodobi sporočilo .eml z glavami, razčiščenim telesom in prilogami.
  • Pregledovalnik GeoJSON — Pridobi, potrdi in upodablja funkcije datoteke GeoJSON na zemljevidu.
  • Plast za označevanje — Prekrivanje, ki nariše pravokotnike poudarkov, ki jih je mogoče aktivirati, preko postavljene vsebine dokumenta.
  • Pregledovalnik HTML — Pridobi URL in varno upodobi njegov HTML, potem ko ga očisti.
  • Vključi — Pridobi fragment HTML in ga vključi kot prečiščeno vsebino strani light-DOM.
  • Pregledovalnik zvezkov — Upodabljalnik prenosnih računalnikov Jupyter samo za branje, ki sestavlja označevanje, kodo in izhode obogatenih celic.
  • Stranska vrstica strani — Virtualizirano navpično vodilo za sličice za listanje po dokumentu z naslovom strani.
  • Pregledovalnik PDF — Pridobi in upodablja strani PDF s povečavo, številčenjem strani in izbirno plastjo besedila
  • Pregledovalnik PPTX — Najboljši pregledovalnik na strani odjemalca za predstavitve PowerPoint PPTX.
  • Pregledovalnik preglednic — Pridobi in upodablja delovne zvezke .xlsx in starejših .xls z zavihki listov in virtualiziranimi vrsticami.
  • Pregledovalnik SVG — Pridobi in varno upodobi vgrajeni, prečiščeni dokument SVG iz URL-ja.
  • Pregledovalnik XML — Zložljiv drevesni pogled, ki ga je mogoče kopirati, za pregledovanje dokumentov XML.

Mediji in datoteke

  • Čip za pritrditev — Kompakten čip za datoteko, priloženo sporočilu, s statusom nalaganja, napredkom in ponovnim poskusom.
  • Avatar — Majhen označevalec identitete, ki prikazuje nadomestno ikono, sliko ali začetnice za osebo ali subjekt
  • Animirana slika — Predvaja animirani GIF/APNG/WebP s kontrolnikom za predvajanje/pavzo, ki upošteva zmanjšano gibanje.
  • Animacija — Deklarativno animira podrejenega otroka z imenovanimi prednastavitvami ali ključnimi sličicami po meri.
  • Sprožilec priponke — Kompaktna možnost pripenjanja, ki odpre izbirnik datotek ali meni z zmogljivostmi v skladatelju klepetov.
  • AV predvajalnik — Avdio/video predvajalnik s sinhroniziranim prepisom iztočnice, valovno obliko in nadzorom hitrosti predvajanja.
  • Avatar skupina — Zloži prekrivajoče se avatarje v strnjeno vrstico, ki dodatke strne v značko +N
  • Območje za spuščanje — Ovoj povleci in spusti, ki katero koli regijo spremeni v cilj za spuščanje datotek brez lastnega izbirnika datotek.
  • Ikona datoteke — Lokalizirana značka vrste datoteke, razrešena iz vrste MIME ali imena datoteke.
  • Vnos datoteke — Spustno območje »povleci in spusti« ter »klikni za brskanje«, ki oddaja izbrane datoteke.
  • Zastava — Zastava države ali jezika, upodobljena v tematskem, po želji okroglem okvirju.
  • Primerjalnik slik — S tipkovnico dostopen delilnik za vzporedno primerjavo slik pred spremembo in po njej.
  • Pregledovalnik slik — Pregledovalnik rastrskih slik s polnim pomikom/povečavo z označenimi poudarki regij in neobveznimi opombami.
  • Lightbox — Celozaslonski modalni pregledovalnik slik z navigacijo prejšnji/naslednji in povečavo
  • Zemljevid — Ovoj zemljevida MapLibre GL z deklarativno legendo, koropletom in oznakami
  • Medijska kartica — Vmesni predogled slike, videa ali datotečne priloge v sporočilu klepeta.
  • Premikanje in povečava — Pomično vidno okno za premikanje in povečavo vsebine z režami ali ene same slike pri omejeni stopnji povečave.
  • Zaporedno predvajanje — Prenos predvajanja/začasne zaustavitve, ki stopnjuje indeks skozi obseg na fiksnem časovniku.
  • QR koda — Kodira katero koli vrednost kot simbol kode QR, ki ga je mogoče optično prebrati, upodobljen na platno.
  • Video — Vgrajeni video predvajalnik s kontrolniki po meri, izbirnimi napisi in predogledi sličic.
  • Seznam predvajanja videoposnetkov — Predvaja zaporedje videoposnetkov na seznamu predvajanja, po katerem se lahko krmarite, in samodejno napreduje, ko se vsak konča.
  • Okvir z možnostjo povečave — Predogled iframe v peskovniku z diskretnimi kontrolami povečave; prejšnja površina za pregledovanje rež/slik je lr-pan-zoom.

Pomožni elementi

  • Opazovalec presečišča — Oddaja izvorne vnose križišč, ko cilji z režami vstopijo v vidno polje ali zapustijo njega.
  • Opazovalec sprememb — Spremlja DOM z režami za spremembe elementov in atributov ter posreduje izvorne zapise o mutacijah
  • Opazovalec velikosti — Opazuje elemente v režah in oddaja tipizirane podatke o spremembi velikosti brez vidnih elementov.
  • Gumb za kopiranje — Gumb samo z ikono, ki kopira besedilno vrednost v odložišče s povratnimi informacijami s kljukico.
  • Pogled razlik — Upodobi pravo dvonizno linijsko razliko kot barvno kodiran izhod poenotene razlike.
  • Razdelilnik — Tematsko pomensko ločilo za razdelitev vsebine vodoravno ali navpično.
  • Gumb za izvoz — Prenesite podatke tabele kot CSV ali JSON, v eni obliki zapisa ali prek menija oblike.
  • Oblikovanje bajtov — Oblikovanje velikosti bajtov glede na lokalne nastavitve z nastavljivim korakom enote in natančnostjo.
  • Oblikovanje datuma — Oblikovanje datuma in časa glede na lokalne nastavitve prek Intl.DateTimeFormat.
  • Oblikuj številko — Številke, valute in kompaktno oblikovanje, ki upoštevajo lokalne nastavitve prek Intl.NumberFormat.
  • Ikona — Upodablja jasne vgrajene glife SVG iz vgrajenega nabora poimenovanih poti z ničelnimi odvisnostmi.
  • Pregledovalnik JSON — Zložljiv drevesni pogled, ki ga je mogoče kopirati, za pregled kakršnega koli tovora JSON
  • Vnos znanega datuma — Tripoljski vnos dan/mesec/leto za datum, ki ga uporabnik že pozna
  • Živa regija — Vizualno skrito območje v živo ARIA, ki duši obvestila bralnika zaslona
  • Omeni popover — Samodokončanje, zasidrano s kazalko, za @-omembe in ukaze s poševnico v besedilnem polju.
  • Stanje osveževanja — Odštevanje do naslednje načrtovane osvežitve z vgrajenim nadzorom za premor in nadaljevanje.
  • Naključna vsebina — Naključno ali v zaporedju se vrti skozi razdeljene otroke za kopijo A/B in pričevanja
  • Relativni čas — Prikaže relativni časovni žig, ki upošteva področne nastavitve, ki se osveži sam.
  • Voden ogled — Voden ogled z zaporednimi koraki in poudarjenimi območji za uvajanje ob prvi uporabi.
  • Vizualno skrito — Vizualno skrije vsebino, hkrati pa ostane na voljo bralnikom zaslona in postane ponovno vidna v fokusu.