Sve komponente

Istražite svih 308 komponenti Lyra UI-ja. Filtrirajte po skupini, pretražujte po nazivu, isprobajte dostupne preglede ili otvorite dokumentirani primjer.

Razgovor i chat

Radni prostor agenta — Prilagodljivo sučelje AI razgovora s prijepisom, sastavljačem poruka i neobaveznom pločom za detalje izvođenja, alata, dohvaćanja, izvora i konteksta.
Audio vizualizator — Vizualizacija glasovne aktivnosti nacrtana na platnu koja odražava stanje mirovanja, slušanja, razmišljanja ili govora agenta.
Odabir grane — Kontrolirani ‹ n / m › navigator kroz regenerirane ili uređene varijante jedne chat poruke.
Sastavljač poruka — Unos poruke koji automatski mijenja visinu i ima ugrađene kontrole slanja i zaustavljanja.
Poruka chata — Oblačić za chat zasnovan na ulogama s avatarom, značkama i podnožjem koje prati status
Prikaz chata — Spremnik za pomicanje prijepisa koji posjeduje ponašanje "stick-to-bottom follow", skok na najnoviju tabletu i nepročitani razdjelnik.
Kontrolna točka — Točka vraćanja internog razgovora s mogućnošću potvrde pa vraćanja za vraćanje razgovora u prethodno stanje.
Blok koda — Ograđeni prikaz koda s opcijskim lijenim označavanjem sintakse i gumbom za kopiranje.
Jezgra bloka koda — Prikazuje kod i ističe sintaksu isključivo iz mape gramatika dostavljene pri sastavljanju aplikacije.
Stavka razgovora — Redak povijesti razgovora koji se može odabrati i prikazuje naslov, pregled i vremensku oznaku sesije.
Mjerni podaci generiranja — Prikazuje proteklo vrijeme, tokene i propusnost dok struji odgovor AI.
Razdjelnik predaje — Označeni razdjelnik koji označava prijenos kontrole između agenata u prijepisu.
Markdown — Očišćeno iscrtavanje Markdown-to-HTML s GFM tablicama, kodom i vezama
Markdown jezgra — Markdown renderiranje koje se temelji na izradi koje ističe ograđeni kod samo iz mape gramatike dostavljene tijekom kompilacije.
Radnje poruka — Alatna traka s radnjama po poruci za chat poruku s ugrađenim funkcijama za kopiranje, ponovno generiranje, uređivanje i povratne informacije.
Povratne informacije o poruci — Ocjenjivanje palcem gore/dolje za jednu pomoćnu poruku s izbornom pločom s detaljima razloga i komentara.
Odabir modela — Odabir pružatelja i modela iz zadanog kataloga ili unos vlastitog naziva.
Ploča s postavkama modela — Upareni birač modela i klizač temperature za konfiguriranje agenta.
Pritisni za razgovor — Gumb za snimanje mikrofona koji posjeduje puni životni ciklus zahtjeva za dopuštenjem, snimanja i rastavljanja za korištenje pritiskom i držanjem ili prebacivanjem.
Status prijenosa — Prikazuje fazu jedne veze za prijenos podataka i otkriva zastoj prema signalima aktivnosti.
Tekst u stvarnom vremenu — Postupno renderira strujanje pomoćnog teksta, objedinjujući brza ažuriranja tokena.
Jezgra teksta u stvarnom vremenu — Jezgra za prikaz teksta u stvarnom vremenu; u načinu Markdown ističe ograđeni kod samo prema dostavljenoj mapi gramatika.
Oznake prijedloga — Pomični red početnih ili naknadnih čipova koji odabrani tekst predaju domaćinu.
Popis niti — Grupirana bočna traka razgovora koja se može pretraživati s akcijama prikvačivanja, arhiviranja, brisanja i preimenovanja retka.
Feed prijepisa — Prikaz prijepisa glasovne sesije uživo koji zamjenjuje privremene zapise konačnima i prati dno popisa.
Indikator tipkanja — Prezentacijski znak prisutnosti koji pokazuje da pomoćnik sastavlja odgovor
Oznaka potrošnje — Kompaktna traka tokena/troška/kašnjenja za jednu poruku ili pokretanje, s analizom opisa alata pri lebdenju.
Birač glasa — TTS glasovni birač preko isporučenog kataloga s ugrađenim audio pregledom i rukovanjem zastarjelim vrijednostima.
Prikazivač widgeta — Prikazuje deklarativno JSON stablo widgeta koje agent šalje u toku, prema dopuštenom registru tipova i komponenti.
Dijelovi poruke — Prikazuje uređene, isprepletene AI dijelove poruke s tekstom, obrazloženjem, alatom, citatom, privitkom i medijskim primitivima.
Unos prompta — Spaja sastavljanje prompta s privicima, odabirom modela i glasa, izvorima, spominjanjima, naredbama i redom čekanja.
Red promptova — Upravlja redom naknadnih promptova koje se može uređivati, preslagivati, uklanjati ili odmah poslati.
Sesija u stvarnom vremenu — Pruža ljusku glasovne sesije neutralnu prema pružatelju usluga za kontrolu veze, aktivnosti, prijepisa, snimanja, isključivanja zvuka i prekida.
Alatna traka za odabir — Prikazuje radnje za pitanje, citiranje i kopiranje uz odabrani tekst te čuva sidro dokumenta.

Alati agenata i nadzor

Tijek aktivnosti — Dnevnik radnji agenta koji se nadopunjuje tijekom izvođenja, a po završetku se sažima u dovršene korake.
Nadzorna ploča za evaluaciju agenta — Pregled evaluacije pod nadzorom aplikacije koji spaja kartice mjernih podataka s trendovima i poviješću statusa izvođenja.
Pitanje agenta — Prikuplja strukturirani odgovor na pitanje agenta ili MCP poslužitelja, s radnjama prihvaćanja, odbijanja i otkazivanja.
Izvođenja u pozadini — Prikazuje zadatke agenta kojima upravlja aplikacija: na čekanju, u tijeku i dovršene, uz radnje otvaranja i otkazivanja.
Mjerač proračuna — Prikazuje isporučenu potrošnju prema ograničenju, uključujući stanja nedostupnosti i prekoračenja.
Pregled promjena — Prikazuje promjene datoteka koje dostavlja aplikacija i traži odluku o prihvaćanju ili odbacivanju svake promjene.
Upravitelj konektora — Prikazuje status veze i zahtijeva radnje povezivanja, prekida veze ili ponovnog pokušaja za konektore kojima upravlja host.
Dodjela dopuštenja — Predstavlja zahtjev za ograničenim dopuštenjem i izvješćuje hostu o korisnikovom dopuštanju ili odbijanju izbora.
Pravila dopuštenja — Prikazuje pravila dopuštenja koja je definirao host i zahtijeva promjene njihovih odluka o dopuštanju, traženju ili odbijanju.
Izvršavanje agenta — Glavno sučelje jednog izvođenja agenta sa statusom, proteklim vremenom, trenutačnim korakom i troškom te radnjama otkazivanja i ponovnog pokušaja.
Trag izvođenja agenta — Hijerarhijski prikaz traga agenta i LLM-a s filtrima vrste raspona i brzim prijelazima između predaja kontrole.
Red čekanja za odobrenje — Tipkovnicom dostupan red čekanja poziva alata, svaki pregledan i odobren ili odbijen kroz jedan dijeljeni dijalog.
Ploča artefakata — Prikazuje artefakt koji je stvorio agent, uz prebacivanje između pregleda i koda, verzije te radnje kopiranja i preuzimanja.
Okvir preglednika — Prezentacijski prozor agent-računalo koji prikazuje tok snimke zaslona, URL samo za čitanje i kontrole za preuzimanje.
Kartica commita — Sažeta kartica commita s diffstatom i promjenama po datoteci koje vode na prikaz razlika.
Ploča za usporedbu — Usporedna A/B izlazna usporedba s pobjedničkim glasovanjem, za procjenu modela u stilu arene.
Traka za potvrdu — Inline, nemodalni blok odobravanja/odbijanja za jednu predloženu radnju agenta, nalazi se u prijepisu umjesto dijaloga.
Inspektor konteksta — Prikazuje segmente konteksta poziva modela s procjenama tokena, citatima, oznakama redakcije te kopiranjem i izvozom.
Skup podataka za evaluaciju — Popis primjera evaluacije koji se može filtrirati i označavati s mogućnostima dodavanja, uklanjanja, uvoza i izvoza.
Rezultat evaluacije — Rubričko bodovanje i površina za ljudski pregled za usporedbu izvođenja jednog primjera evaluacije.
Izvođenje evaluacije — Prikaz napretka uživo za evaluacijsku seriju, s ukupnim napretkom i jednom objavom po primjeru, uključujući uzemljenje i tragove alata.
Sažetak pravila — Popis samo za čitanje odluka o zaštitnoj ogradi, dopuštenjima, privatnosti i politici alata s dostupnim objašnjenjima dopuštanja, odbijanja ili potrebnog pregleda.
Vremenski prikaz raspona — Vodoravni vremenski prikaz raspona traga agenta kao traka obojenih prema statusu na zajedničkoj osi.
Stog poziva — Rastavlja stog poziva iz JS/TS-a, preglednika ili Pythona na pojedinačne okvire s mogućnošću sažimanja internih okvira.
Popis zadataka — Sklopivi prikaz plana agenta uživo sa statusom svakog koraka i ugniježđenim potkoracima.
Terminal — Konzola samo za čitanje koja prikazuje ANSI izlaz agenta ili alata u stvarnom vremenu, uz pretraživanje i praćenje kraja ispisa.
Rezultati testiranja — Sažetak paketa testova za prolaz/pad s brojem po statusu, prekidačima filtra i detaljima o grešci koji se automatski proširuju.
Ploča razmišljanja — Ploča koja se može sklopiti za aktivni ili pregledani transkript obrazloženja agenta AI.
Dijalog za odobrenje alata — Dijalog u kojem osoba prije izvođenja odobrava, odbija ili uređuje predloženi poziv alata.
Blok poziva alata — Umetnuti blok koji se može sklopiti za jedan poziv alata agenta koji se proširuje kako bi prikazao svoje argumente, pogrešku i rezultat.
Oznaka poziva alata — Kompaktna inline pilula koja sažima ime, status i trajanje poziva jednog agenta.
Obrazac parametra alata — Generira obrazac koji se može uređivati iz ravne JSON sheme alata za podešavanje argumenata poziva.
Dijalog rezultata alata — Modalni prikaz koji prikazuje status poziva alata, trajanje i potpune pojedinosti o rezultatu.
Prikaz rezultata alata — Renderira rezultat poziva alata putem registriranog renderera, vraćajući se na JSON.
Dijalog za odabir alata — Dijalog koji se može pretraživati grupiran po kategorijama za odabir alata agenta koji su omogućeni.
Vremenska traka alata — Kronološki popis poziva alata za pokretanje agenta s brojem ponovnih pokušaja, pristupom ljudskog odobrenja i redigiranjem osjetljivih polja.
Stablo tragova — Hijerarhija raspona koja se može sklopiti za trag agenta/LLM s trakom trajanja i izbornim stupcima tokena/troška.
Kartica rezultata — Obrubljena ljuska kartice daje prilagođenim rendererima rezultata alata jedan izgled male kartice
Polje rezultata — Kompaktni red oznaka/vrijednosti za kartice rezultata alata i guste trake metapodataka
MCP App — Pokreće resurs MCP aplikacije u izoliranom okruženju i prikazuje zahtjeve prema aplikaciji kao tipizirane događaje.
Studio promptova — Radni prostor neovisan o pružatelju usluge za uređivanje, pregled, verzioniranje, spremanje i pokretanje strukturiranih promptova.
Preglednik JSON sheme — Provjerava stabla JSON sheme koja se mogu odabrati s ograničenjima, potrebnim stanjem, granama sastava i problemima s validacijom.
Ploča podagenta — Prikazuje kontroliranu hijerarhiju pokreta subagenta sa statusom, zadatkom, modelom, napretkom i radnjama životnog ciklusa.

Dohvaćanje i grafikoni znanja

Kartica zajednice — Kartica sa sažetkom zajednice u grafu znanja, oznakama članova i radnjom za istraživanje.
Istraživač vektorskih prikaza — Pristupačan 2D raspršeni prikaz koordinata vektorskih prikaza koje dostavlja aplikacija, uz opcionalno označavanje klastera i odabir točaka.
Kartica entiteta — Kartica entiteta iz grafa znanja s oznakom tipa, svojstvima, brojem veza i radnjom za fokusiranje u grafu.
Oznaka entiteta — Spominjanje entiteta u tekstu agenta, s pregledom pri prelasku pokazivačem ili fokusiranju.
Dosje entiteta — Detaljan prikaz entiteta sa zaglavljem, podacima o pouzdanosti te karticama za odnose, prateće odsječke i podrijetlo.
Graf — Prikazuje odnose kao dijagram čvorova i veza koji se može pomicati i zumirati.
Legenda grafa — Legenda tipa čvora za upareni graf koji služi i kao filtar vidljivosti.
Red za unos podataka — Popis dokumenata pod nadzorom aplikacije koji prolaze kroz obradu unosa, sa stupnjem obrade, napretkom, brojevima i radnjama ponovnog pokušaja ili otkazivanja.
Baza znanja — Popis izvora baze znanja za dohvaćanje sa statusom sinkronizacije, stanjem indeksiranja, dopuštenjima i zahtjevima za upravljanje po retku.
Upravljanje bazom znanja — Kartično sučelje za upravljanje bazom znanja koje spaja izvore s redom za unos i prosljeđuje upravljačke radnje aplikaciji.
Istraživač grafa znanja — Sučelje za istraživanje grafa znanja s prikazom grafa, pretraživanjem entiteta, filtrima tipova, širenjem susjedstva i pronalaženjem putanja.
Mapa uma — Radijalno stablo tema koje se može proširivati za prostorno pregledavanje hijerarhije i otvaranje detalja tema.
Popis susjeda — Redovi odnosa jednog entiteta s mogućnostima navigacije po retku i proširenja u grafikonu.
Paleta čvorova — Pretraživa, kategorizirana biblioteka čvorova za povlačenje ili postavljanje čvorova na platno toka.
Traka putanje — Sažeti niz čvor–odnos–čvor s pomicanjem koji prikazuje putanju zaključivanja u GraphRAG-u.
Preglednik odsječaka — Poredani popis dohvaćenih RAG odsječaka s ocjenama relevantnosti i izravnim vezama na preglednik dokumenata.
Oznaka citata — Umetnuti [n] marker citata s pregledom lebdećim mišem i bojanjem pouzdanosti/provjere.
Sažetak izvora odgovora — Sažetak utemeljenosti odgovora s brojem potpora, pokrivenošću citatima, pouzdanošću, upozorenjima i dokaznim navodima.
Ploča memorije — Površina radne memorije agenta za kratkoročni kontekst i dugoročna sjećanja, s pouzdanim radnjama koje zahtijevaju potvrdu.
Ploča podrijetla — Prikazuje izvore jednog odgovora kroz sklopive skupine entiteta, odnosa, zajednica i odsječaka.
RAG odgovor — Površina s utemeljenim odgovorima koja kombinira dezinficirani Markdown, značke za citate, procjenu temelja i proširive preglede izvora.
Napredak istraživanja — Prikazuje korake istraživanja koje je dostavio domaćin, broj izvora i ukupni napredak dovršetka.
Rezultati dohvaćanja — Rangirani popis dijelova za dohvaćanje s deduplikacijom, grupiranjem izvora, odabirom i kompaktnim ili proširenim načinima prezentacije.
Pretraživanje izvora — Traka za upite dohvaćanja ili RAG-a s filtrima, oznakama opsega, izborom vektorskog, ključnog ili hibridnog načina i prikazom statusa.
Trag dohvaćanja — Vremenska traka faze dohvaćanja s proširivim dokazima za svaku fazu prepisivanja, ugrađivanja, dohvaćanja, ponovnog rangiranja i filtriranja.
Kartica izvora — Unos citata koji prikazuje naslov izvora, stranicu, izvadak i proširivi puni tekst.
Popis izvora — Ploča sa sklopivim izvorima koja grupira kartice s citatima chat poruke ispod jednog zaglavlja.
Birač izvora — Stablo okvira za odabir koji izvori temelje sljedeći odgovor, s mapama s tri stanja, odabirom svega i pretraživanjem.
Dokazi tvrdnje — Provjerava generirane tvrdnje prema citatima te prikazuje status potpore, pouzdanost i dokaze.
Nadzorna ploča za evaluaciju RAG-a — Predstavlja RAG metriku kvalitete, trendove, evaluacijske odsječke i povijest izvođenja iz rezultata izračunatih na hostu.
Usporedba dohvaćanja — Uspoređuje rangirane skupove rezultata dohvaćanja i ponovnog rangiranja jedan pored drugog s preklapanjem i raščlambom rezultata.

Obrasci i unosi

Gumb — Tokenizirani akcijski gumb s varijantama tonova, veličinama i stanjem učitavanja.
Potvrdni okvir — Booleova kontrola obrasca s označenim, neoznačenim i neodređenim stanjima.
Grupa potvrdnih okvira — Grupira povezane potvrdne okvire u jedno potvrđeno polje višestrukog odabira povezano s obrascem.
Uređivač koda — Višeredni uređivač koda bez dodatnih ovisnosti, s neobaveznim stupcem za brojeve redaka.
Birač boja — Izvorni odabir boje povezan s obrascem, s oznakom, uputom i prikazom pogreške pri provjeri valjanosti.
Combobox — Filtrirani jednostruki ili višestruki odabir koji spaja tekstualni unos sa skočnim popisom.
Unos datuma — Datumsko polje s priloženim skočnim prozorom kalendara i vrijednošću ISO-8601.
Birač datuma — Inline mjesečni kalendar za odabir jednog datuma ili raspona datuma.
Birač emotikona — Alat za odabir emojija koji se može pretraživati, navigirati pomoću tipkovnice i povezan s obrascem.
Gumb s ikonom — Pokreće radnju kompaktnim, dostupnim gumbom koji sadrži samo ikone.
Unos — Jednoredni tekstualni unos s neobaveznom oznakom, uputom i ugrađenim prikazom provjere valjanosti.
Odabir države — Odabire kodove država i područja s prevedenim nazivima, zastavama i neobaveznim pretraživanjem.
Odabir valute — Odabire kodove valuta s prevedenim nazivima, simbolima i neobaveznim pretraživanjem.
Odabir vremenske zone — Odabire identifikatore vremenskih zona s uređenog popisa, uz neobavezno pretraživanje.
Odabir jedinice — Odabire mjerne jedinice s prevedenim nazivima, simbolima i neobaveznim pretraživanjem.
Odabir jezika i regije — Padajući izbornik za promjenu aktivnog jezika i regije iz registra lokalizacija biblioteke.
Unos broja — Numeričko polje s minimalnim, maksimalnim i ograničenjima koraka plus izvorna provjera ograničenja.
Opcija — Opcija za odabir s vrijednošću, oznakom, grupom i podacima o stanju u kombiniranom okviru.
Unos telefonskog broja — Unos telefonskog broja prilagođen zemlji, s kanonskom vrijednošću u formatu E.164.
Radijski gumb — Kontrola obrasca za odabir jedne opcije iz ponuđenog skupa.
Radio grupa — Označena grupa radio gumba s jednim izborom po kojoj se može kretati pomoću tipkovnice.
Obrazac kriterija ocjenjivanja — Prilagodljiv obrazac za ocjenjivanje prema kriterijima, kategorijama i komentarima, s radnim tijekom slanja i prelaska na sljedeću stavku.
Odabir — Padajući izbornik zatvorenog popisa za odabir jedne opcije iz fiksnog skupa izbora.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Klizač — Kontrola numeričkog raspona za postavke poput LLM temperature ili razine glasnoće.
Odabir uzorka boje — Odabir jednog uzorka iz malog, unaprijed zadanog skupa boja, s ugrađenom semantikom grupe radijskih gumba.
Prekidač — Kontrola obrasca s dvije vrijednosti koja se uključuje i isključuje, uz semantiku izvornog obrasca.
Višeredni unos teksta — Višeredni tekstualni unos s automatskim prilagođavanjem visine, provjerom valjanosti i izgledom kontrole obrasca.
Unos vremena — Segmentirani unos vremena s lokaliziranim odabirom stupaca; izvorni unos preglednika dostupan je kao lr-native-time-input.
Vremenski raspon — Kontrola s dvije ručke za odabir početka i kraja raspona na brojčanoj osi.
Preklopni gumb — Samostalni gumb s dva stanja koji uključuje ili isključuje opciju pomoću semantike aria-pressed.
Grupa preklopnih gumba — Grupira preklopne gumbe u jedan tabulatorni slijed, uz višestruki ili jednostruki odabir koji se može poništiti.
Izvorni unos vremena — Izvorni preglednikov odabir vremena s Lyra oznakom, uputom i prikazom provjere valjanosti, kada je poželjniji od segmentiranog lr-time-input.
OTP unos — Segmentirano polje za unos jednokratnog kontrolnog koda, s ugrađenim automatskim popunjavanjem SMS.
Radio gumb — Kontrola s jednim izborom stilizirana kao gumb umjesto kruga, obično grupirana u segmentiranu kontrolu s lr-radio-group.
Unos tokena — Polje povezano s obrascem koje prikuplja popis uklonjivih tokena poput oznaka ili primatelja.

Prikaz podataka

Graditelj grafovskih upita — Uređivač grafovskih upita povezan s obrascem, s polaznim entitetima, filtrima tipova, ograničenjem broja koraka i spremljenim upitima.
Kalendar — Responzivni mjesečni kalendar s oznakama događaja i prikazom rasporeda dostupnim tipkovnicom.
Mjerač konteksta — Segmentirani mjerač popunjenosti, traka ili prsten, za token proračun ili kontekstni prozor.
Biblioteka dokumenata — Popis dokumenata koji se može pretraživati i filtrirati s verzijama, oznakama, vlasnicima, svježinom, sortiranjem i skupnim odabirom.
Popis varijabli okruženja — Maskirani popis ključeva/vrijednosti za varijable okruženja i tajne, s otkrivanjem i kopiranjem po retku.
Stablo datoteka — Preglednik datoteka temeljen na stablu, s oznakama Git statusa i odgođenim učitavanjem mapa.
Platno tijeka — Platno koje se može pomicati i zumirati za izradu i pokretanje vizualnih DAG radnih procesa.
Kontrole tijeka — Gumbi za zumiranje, prilagodbu prikaza i zaključavanje povezanog platna tijeka.
Minikarta tijeka — Minikarta u kutu platna tijeka s pomičnim pravokutnikom vidljivog područja.
Čvor tijeka — Kartica čvora tijeka rada sa zaglavljem, tonom statusa i ručicama veze za platno tijeka.
Status izvođenja tijeka — Prikazuje status izvođenja na platnu tijeka i sažetu traku napretka koraka.
Lijevak — Prikazuje pad konverzije po koracima kao stupce normalizirane prema prvom koraku.
Mjerač — Prikazuje jednu vrijednost kao radijalni, prstenasti ili linearni metar.
Toplinska karta — Renderira matricu ili kalendarsku mrežu vrijednosti kao toplinsku kartu platna koja je svjesna promjene veličine.
Straničenje — Kontrolirana navigacija stranicom sa skokom stranice koji se može uređivati i sažetkom raspona stavki
Graditelj uvjeta — Sastavljač strukturiranih upita za tablične podatke ili nadzorne ploče, s redovima polje/operator/vrijednost i povezivanjem uvjeta s AND/OR.
Traka slijeda — Kompaktna traka po stavkama koja vizualizira niz kategoričkih stanja kao obojane ćelije s izbornim markerom.
Sparkline — Iscrtava kompaktni inline SVG trend kao liniju, ispunjeno područje ili trake za niz podataka.
Statistika — Prikazuje jedan KPI s jedinicom, pokazateljem trenda, raščlambom i neobaveznim minigrafikonom.
Tablica — Tablica podataka sa zaglavljima koja se mogu sortirati, odabirom redaka, filtriranjem i straničenjem.
Vremenska crta — Povezani niz redova prošlih događaja za revizijske tragove, povijest agenata i zapise promjena.
Stavka vremenske trake — Jedan red događaja za vremensku traku s bojom označenim markerom, naslovom, vremenskom oznakom i opisom.
Stablo — Hijerarhija koja se proširuje i sažima za navigaciju grafovima, dokumentima ili stablima datoteka.
Čvor stabla — Rekurzivni renderer stabla za jedan čvor i njegovu djecu unutar stabla.
Oblak riječi — Oblak oznaka SVG bez ovisnosti koji skalira svaku riječ prema njezinoj težini
Mreža podataka — Virtualizirana podatkovna mreža za velike ili poslužiteljske skupove podataka, s ugrađenim sortiranjem, filtriranjem, grupiranjem, straničenjem i odabirom.

Grafikoni

Stupčasti grafikon — Uspoređuje vrijednosti po kategorijama pomoću okomitih ili vodoravnih traka.
Box plot — Sažima distribucije iz unaprijed izračunatih statističkih sažetaka od pet brojeva.
Mjehuričasti grafikon — Iscrtava tri dimenzije po točki koristeći položaj x, y i polumjer mjehurića.
Grafikon — Osnovni omotač za Chart.js koji omogućuje linijske, stupčaste, tortne i druge vizualizacije podataka.
Prstenasti grafikon — Prikazuje omjere dijela i cjeline kao segmente prstena.
Histogram — Raspoređuje brojčane vrijednosti u intervale jednake širine kako bi prikazao njihovu distribuciju.
Linijski grafikon — Prati trendove preko kontinuirane osi s jednom ili više povezanih serija.
Jednostavni grafikon — Stupčasti ili linijski grafikon bez dodatnih ovisnosti, prikazan kao obični SVG bez potrebe za Chart.js.
Tortni grafikon — Proporcionalni tortni grafikon koji prikazuje udio jedne serije u cjelini
Grafikon polarnih područja — Grafikon polarnog područja prikazuje svaku kategoriju kao klin umanjen prema njezinoj vrijednosti
Radarski grafikon — Radarski dijagram koji uspoređuje nekoliko metrika jedne serije na radijalnoj mreži
Raspršeni dijagram — Dijagram raspršenosti neobrađenih parova x/y točaka na linearnim osima

Izgled i navigacija

Harmonika — Koordinira skupinu ploča za otkrivanje, opcionalno dopuštajući nekoliko otvorenih odjednom.
Stavka harmonike — Sklopiva ploča za otkrivanje dizajnirana za utor u skupinu harmonike.
Bočna traka aplikacije — Prilagodljiva navigacijska traka koja se iz punog prikaza smanjuje na same ikone, a na mobilnim uređajima postaje preklopna ploča.
Grupa bočne trake aplikacije — Odjeljak s naslovom koji grupira navigacijske stavke u traci aplikacije i po potrebi se može sažeti.
Stavka bočne trake aplikacije — Navigacijska stavka s ikonom i oznakom koja se u uskom prikazu svodi na ikonu.
Putanja navigacije — Prilagodljiva navigacijska putanja koja prikazuje položaj korisnika u hijerarhiji stranica.
Stavka putanje navigacije — Jedna poveznica ili oznaka trenutačne stranice unutar navigacijske putanje.
Grupa gumba — Grupira povezane gumbe za radnje u jednu responzivnu, označenu skupinu
Kartica — Obrubljena površina sadržaja s utorima za zaglavlje, medije, podnožje i radnje.
Vrtuljak — Pristupačan vrtuljak s jednim slajdom s navigacijom tipkovnicom, indikatorima, ponavljanjem i automatskom reprodukcijom.
Stavka vrtuljka — Semantički omotač slajda koji dosljedno stilizira jednu stavku unutar vrtuljka.
Paleta naredbi — Izbornik naredbi aplikacije koji se može pretraživati s navigacijom tipkovnicom i prečacima.
Kontrolna skupina — Grupira mješovite kontrole obrasca i akcijske gumbe u jedan responzivni, središnji red alatne trake.
Mreža nadzorne ploče — Prilagodljiva mreža widgeta dostupna tipkovnicom, s rasporedom pod nadzorom aplikacije i zahtjevima za pomicanje, promjenu veličine i rješavanje preklapanja.
Pojedinosti — Dostupna ploča za otkrivanje koja se proširuje kako bi otkrila sadržaj ispod sažetka.
Usidrena ploča — Sklopiva ploča promjenjive veličine pričvršćena na jedan rub vašeg postojećeg izgleda.
Ploča za detaljni pregled — Navigacijsko sučelje pod nadzorom aplikacije koje povezuje podatke grafikona ili tablice s dokazima, dokumentima, entitetima ili izvođenjima agenta.
Padajuća stavka — Web Awesome-kompatibilni alias za jedan radni red unutar padajućeg izbornika.
Traka za filtriranje — Red filtera nadzorne ploče koji sačinjava Lyra ulaze i uklonjive čipove, sa stanjima resetiranja i učitavanja.
Izbornik — Inline semantički izbornik akcijskih stavki s lutajućim fokusom i ugniježđenim podizbornicima.
Stavka izbornika — Redak s jednom radnjom za izbornik, s izbornom ikonom, potvrdnim okvirom ili destruktivnim stilom.
Stavka za promjenu redoslijeda — Jedan red unutar popisa za promjenu redoslijeda, uparujući gumbe za pomicanje gore/pomicanje dolje s proizvoljnim sadržajem u utorima.
Popis s promjenjivim redoslijedom — Popis stavki kojima se može promijeniti redoslijed gumbima u retku ili prečacem Ctrl/Cmd+strelica.
Oznaka izbornika — Dodaje neinteraktivni naslov odjeljka za grupiranje povezanih stavki unutar popisa izbornika.
Traka izbornika — Horizontalna traka izbornika aplikacije naslovljenih padajućih izbornika s potpunom navigacijom tipkovnicom.
Stavka trake izbornika — Jedan naslov trake izbornika najviše razine koji otvara svoj izbornik s prorezima ili djeluje kao obična radnja.
Navigacijski izbornik — Navigacija zaglavlja s poveznicama i skočnim pločama koja se pri manjku prostora sažima u izbornik.
Stavka navigacijskog izbornika — Jedan unos navigacijskog izbornika: poveznica na stranicu ili gumb za otkrivanje koji otvara flyout ploču.
Stranica — Semantičko sučelje aplikacije koje prema vlastitoj širini prebacuje navigaciju između bočnog stupca i modalne mobilne ploče.
Responzivna ploča — Priključuje sadržaj na radnu površinu ili ga predstavlja kao preklapanje na mobilnom uređaju
Područje za pomicanje — Prilagodljivo područje za pomicanje sadržaja s neobaveznim gumbima prethodno/sljedeće za redove kartica.
Segmentirani odabir — Red gumba za odabir jedne od nekoliko označenih opcija na prvi pogled.
Višestruki razdjelnik — Dijeli nadzornu ploču na ploče s mogućnošću promjene veličine povlačenjem s opcijskim responzivnim sažimanjem.
Podijeljena ploča — Dijeli sadržaj u dva okna čija se veličina mijenja povlačenjem jednog razdjelnika; jednostavnija je inačica komponente lr-multi-split.
Koraci — Vodi korisnike kroz uređeni čarobnjak u više koraka sa stanjem po koraku i klikom za skok.
Kartice — Traka kartica koja prikazuje jednu ploču u običnom DOM-u i omogućuje potpunu navigaciju tipkovnicom.
Kartica — Web Awesome/Shoelace-kompatibilni deskriptor kartice koji se spaja s odgovarajućom pločom unutar grupe kartica putem atributa ploče i naziva.
Ploča s karticama — Web Awesome/Shoelace-kompatibilni deskriptor ploče koji se spaja s odgovarajućom karticom unutar grupe kartica putem naziva i atributa ploče.
Virtualni popis — Popis koji prikazuje samo retke na zaslonu radi učinkovitog pomicanja kroz vrlo velike zbirke.
Widget — Ploča s naslovom s opcijskim prekidačima za sažimanje i proširenje preko cijelog zaslona

Prekrivanja i povratne informacije

Kratka obavijest — Područje koje slaže kratke obavijesti u kut zaslona.
Stavka kratke obavijesti — Kratka obavijest koja se može zatvoriti, s oznakom važnosti, neobaveznom ikonom i vremenom automatskog zatvaranja.
Oznaka — Mala oznaka za ključnu riječ, filtar ili opseg, koju se po potrebi može ukloniti ili uključiti.
Grupa oznaka — Grupira oznake i po potrebi skriva višak iza gumba +N.
Upozorenje — Poruka upozorenja koja je prema zadanim postavkama zatvorena, može se automatski sakriti i po potrebi prikazati među kratkim obavijestima.
Značka — Kompaktna oznaka statusa za inline signaliziranje stanja, brojanja ili kategorija
Istaknuta poruka — Istaknuto područje za obavijesti o statusu, upozorenjima i pogreškama, koje se može zatvoriti.
Kontekstni izbornik — Pretvara bilo koju regiju u cilj desnim klikom, dugim pritiskom ili Shift+F10 koji otvara izbornik radnji.
Dijalog — Modalni sloj koji zadržava fokus za potvrde, obrasce i druge zadatke koji zahtijevaju pažnju.
Ladica — Modalna ploča koja klizi s bilo kojeg ruba prozora za filtre ili kontekstualne kontrole.
Padajući izbornik — Skočni prozor uloge izbornika koji pričvršćuje popis radnji na okidač u vlasništvu korisnika
Prazno stanje — Komunicira prazno stanje ili stanje bez podataka pomoću ikone, poruke i neobaveznih radnji.
Tipka tipkovnice — Oznaka tipkovnog prečaca prilagođena platformi, s prikazom pojedinačnih tipki.
Popover — Plutajuće područje za kontekstualni sadržaj i kontrole koje se otvara klikom i lako zatvara.
Skočni prozor — Osnovni alat za pozicioniranje plutajuće ploče uz sidro, koji koriste i skočni prozori i opisni oblačići.
Traka napretka — Određeni ili neodređeni vodoravni pokazatelj napretka s izbornom vrijednošću.
Prsten napretka — Okrugli određeni ili neodređeni indikator napretka sa središnjom oznakom.
Ocjena — Ocjenjivanje zvjezdicama dostupno putem tipkovnice s djelomičnim ispunama frakcijske preciznosti
Kostur učitavanja — Animirano mjesto za učitavanje koje zamjenjuje sadržaj dok se učitava.
Pokazatelj učitavanja — Signalizira tekući zadatak u pozadini neodređenim, animiranim indikatorom zauzetosti.
Oznaka — Semantički alias tretmana značke za označavanje ključnih riječi ili kategorija
Opisni oblačić — Opis alata aktiviran prelaskom miša i fokusom koji opisuje okidač u vlasništvu korisnika

Preglednici dokumenata i datoteka

Preglednik arhiva — Prikazuje nazive datoteka i nekomprimirane veličine unutar ZIP arhive bez izdvajanja sadržaja.
Preglednik kalendara — Raščlanjuje i prikazuje događaje .ics datoteke kalendara kao sažetke, vremena i lokacije.
Preglednik kontakata — Dohvaća vCard dokument i prikazuje pristupačnu karticu za svaki kontakt.
Preglednik CSV-a — Dohvaća datoteku CSV i prikazuje njezine retke u virtualiziranom listu koji se može pomicati.
Preglednik skupova podataka — Dohvaća tekst s razdjelnicima i prikazuje ga kao pristupačnu tipiziranu tablicu podataka.
Usporedba dokumenata — Uspoređuje dvije verzije dokumenta jednu uz drugu ili u jednom prikazu, spajajući tekstualne razlike s prikazima dokumenata.
Pregled dokumenta — Prikazuje dokument ili privitak unutar stranice prema MIME vrsti, uz mogućnost preuzimanja kada pregled nije dostupan.
Preglednik dokumenata — Prikazuje dokument u dijalogu s proširivim registrom prikazivača prema MIME vrsti.
Preglednik DOCX-a — Pretvara DOCX u pročišćeni semantički HTML pomoću pretvarača Mammoth.
Preglednik e-knjiga — Renderira EPUB s navigacijom po poglavljima koristeći izborni epub.js peer.
Preglednik e-pošte — Raščlanjuje i prikazuje .eml poruku sa zaglavljima, čistim tijelom i privicima.
GeoJSON preglednik — Dohvaća, potvrđuje i prikazuje značajke GeoJSON datoteke na karti.
Označeni sloj — Prekrivanje koje boji pravokutnike koji se mogu aktivirati preko pozicioniranog sadržaja dokumenta.
Preglednik HTML-a — Dohvaća URL i sigurno renderira svoj HTML nakon čišćenja.
Uključivanje sadržaja — Dohvaća HTML fragment i uključuje ga kao pročišćeni sadržaj u običnom DOM-u stranice.
Preglednik bilježnica — Prikazivač Jupyter bilježnice samo za čitanje koji spaja Markdown, kod i bogate izlaze ćelija.
Traka stranice — Virtualizirana okomita traka minijatura za listanje stranica dokumenta.
Preglednik PDF-a — Dohvaća i prikazuje PDF stranice sa zumiranjem, navigacijom po stranicama i slojem teksta koji se može odabrati.
Preglednik PPTX-a — Preglednik PowerPoint PPTX prezentacija u pregledniku, uz prikaz onoga što se može vjerno prenijeti.
Preglednik proračunskih tablica — Dohvaća i prikazuje .xlsx i naslijeđene .xls radne knjige s karticama listova i virtualiziranim redovima.
Preglednik SVG-a — Dohvaća SVG dokument s URL-a i sigurno prikazuje pročišćeni sadržaj.
Preglednik XML-a — Pregled stabla koji se može sklopiti i kopirati za pregledavanje XML dokumenata.

Mediji i datoteke

Oznaka privitka — Sažeta oznaka datoteke priložene poruci sa statusom prijenosa, napretkom i ponovnim pokušajem.
Avatar — Mali marker identiteta koji prikazuje ikonu, sliku ili rezervne inicijale za osobu ili entitet
Animirana slika — Reproducira animirani GIF/APNG/WebP s kontrolom reprodukcije/pauze koja poštuje smanjeno kretanje.
Animacija — Deklarativno animira dijete s prorezima s imenovanim unaprijed postavljenim postavkama ili prilagođenim ključnim okvirima.
Pokretač privitaka — Sažeta kontrola za dodavanje privitaka koja otvara odabir datoteka ili izbornik mogućnosti u sastavljaču poruka.
AV reproduktor — Audio i video reproduktor sa sinkroniziranim prijepisom, valnim oblikom i kontrolom brzine reprodukcije.
Avatar grupa — Slaže avatare koji se preklapaju u kompaktni red koji sažima dodatke u značku +N
Područje za ispuštanje — Povuci i ispusti omotač koji pretvara bilo koju regiju u cilj za ispuštanje datoteka bez vlastitog birača datoteka.
Ikona datoteke — Lokalizirana oznaka vrste datoteke razriješena je iz MIME vrste ili naziva datoteke.
Unos datoteke — Područje za odabir datoteka povlačenjem ili klikom koje šalje odabrane datoteke.
Zastava — Zastava zemlje ili jezika prikazana u tematskom, po izboru kružnom okviru.
Usporedba slika — Uspoređuje prikaze prije i poslije pomicanjem razdjelnika dostupnog tipkovnicom.
Preglednik slika — Preglednik rasterskih slika s pomicanjem, zumiranjem, istaknutim područjima i komentarima.
Lightbox — Modalni preglednik slika preko cijelog zaslona s prethodnim/sljedećim kretanjem i zumiranjem
Karta — Omotač karte MapLibre GL s deklarativnom legendom, kartogramom i oznakama.
Medijska kartica — Inline pregled za sliku, video ili privitak datoteke unutar chat poruke.
Pomicanje i zumiranje — Okvir za prikaz koji se može pomicati za pomicanje i zumiranje sadržaja s prorezima ili pojedinačne slike na ograničenoj razini zumiranja.
Reprodukcija sekvence — Kontrola reprodukcije i pauze koja pomiče indeks kroz raspon u fiksnim vremenskim razmacima.
QR kod — Kodira bilo koju vrijednost kao simbol QR koda koji se može skenirati prikazan na platnu.
Video — Inline video player s prilagođenim kontrolama, opisima koji se mogu odabrati i pregledima minijatura.
Popis za reprodukciju videozapisa — Reproducira niz videozapisa na popisu za reprodukciju po kojem se može kretati, automatski napredujući kako svaki završi.
Okvir koji se može zumirati — Pregled u zaštićenom iframeu s diskretnim kontrolama zumiranja; za sadržaj u utoru ili slike služi lr-pan-zoom.

Pomoćni alati

Promatrač presjeka — Šalje izvorne zapise o presjeku kada elementi u utoru ulaze u vidljivo područje ili ga napuštaju.
Promatrač mutacija — Promatra promjene elemenata i atributa u utoru te prosljeđuje izvorne zapise o promjenama.
Promatrač promjene veličine — Promatra elemente u utoru i šalje tipizirane zapise promjene veličine bez vidljivog sučelja.
Gumb za kopiranje — Gumb samo s ikonom koji kopira tekstualnu vrijednost u međuspremnik s povratnim informacijama kvačice.
Prikaz razlika — Prikazuje stvarne razlike između dvaju nizova u objedinjenom prikazu s bojama.
Razdjelnik — Tematski semantički separator za vodoravno ili okomito dijeljenje sadržaja.
Gumb za izvoz — Preuzima tablične podatke kao CSV ili JSON, izravno ili putem izbornika formata.
Oblikovanje bajtova — Oblikovanje veličine bajta s obzirom na lokalne standarde s podesivim jediničnim korakom i preciznošću.
Oblikovanje datuma — Oblikovanje datuma i vremena s obzirom na lokalne postavke putem Intl.DateTimeFormat.
Oblikovanje brojeva — Broj, valuta i kompaktno oblikovanje s obzirom na lokalizaciju putem Intl.NumberFormat.
Ikona — Prikazuje ugrađene SVG ikone iz imenovanog skupa putanja bez dodatnih ovisnosti.
Preglednik JSON-a — Prikaz stabla koji se može sklopiti i kopirati za pregled bilo kojeg JSON korisnog opterećenja
Poznati datum — Unos dana/mjeseca/godine s tri polja za datum koji korisnik već zna
Područje najava — Vizualno skriveno ARIA živo područje koje prigušuje najave čitača zaslona
Skočni izbornik spominjanja — Automatsko dovršavanje uz pokazivač teksta za @spominjanja i naredbe s kosom crtom.
Status ankete — Odbrojavanje do sljedećeg planiranog osvježavanja s ugrađenom kontrolom pauze i nastavka.
Slučajni sadržaj — Prikazuje sadržaj iz utora nasumično ili redom za A/B tekstove i izjave.
Relativno vrijeme — Prikazuje relativnu vremensku oznaku s obzirom na lokalizaciju koja se sama osvježava.
Obilazak — Vodič za prvo korištenje proizvoda s isticanjem elemenata i postupnim uputama.
Vizualno skriveno — Vizualno skriva sadržaj dok ga drži dostupnim čitačima zaslona, ponovno postaje vidljiv u fokusu.