Kaikki komponentit

Tutustu kaikkiin 308 Lyra UI -komponenttiin. Suodata ryhmän mukaan, hae nimellä ja kokeile eläviä esikatseluja tai avaa dokumentoitu esimerkki.

Keskustelut ja chat

Agentin työtila — Mukautuva AI-keskustelun työtila, joka yhdistää viestit, kirjoittimen ja valinnaiset työkalu-, haku- ja kontekstipaneelit.
Audiovisualisoija — Kankaan piirretty äänitoiminnan visualisointi, joka heijastaa agentin vapaata, kuuntelevaa, ajattelua tai puhetilaa.
Haaran valitsin — Ohjattu ‹ n / m › -navigaattori yhden chat-viestin uudelleen luoduissa tai muokatuissa versioissa.
Viestin kirjoitin — Automaattisesti mukautuva viestikenttä, jossa on lähetys- ja pysäytyspainikkeet.
Keskusteluviesti — Roolin mukaan muotoiltu keskusteluviesti, jossa on avatar, merkit ja tilan mukainen alatunniste.
Keskustelunäkymä — Keskustelun vieritysnäkymä, joka seuraa viimeisintä viestiä ja merkitsee lukemattomat viestit.
Tarkistuspiste — Keskustelun palautuspiste, joka voidaan vahvistuksen jälkeen palauttaa aiempaan tilaan.
Koodilohko — Koodilohko, jossa voi käyttää syntaksin korostusta ja kopiointipainiketta.
Koodilohkon ydin — Kevyt koodilohko, jonka syntaksin korostus käyttää mukana toimitettuja kielioppeja.
Keskustelukohde — Valittavissa oleva keskusteluhistoriarivi, joka näyttää istunnon otsikon, esikatselun ja aikaleiman.
Generoinnin mittarit — Näyttää kuluneen ajan, tokenmäärän ja läpimenon vastauksen muodostuessa.
Vastuunvaihdon erotin — Merkitty erotinmerkintä ohjaa transkriptin agenttien välistä siirtoa.
Markdown — Turvallisesti puhdistettu Markdownin HTML-esitys, joka tukee GFM-taulukoita, koodia ja linkkejä.
Markdown-ydin — Kevyt Markdown-esitys, jossa aidattujen koodilohkojen korostus perustuu mukana toimitettuihin kielioppeihin.
Viestitoiminnot — Viestikohtainen toimintotyökalurivi chat-viestille, jossa on sisäänrakennetut kopiointi-, luonti-, muokkaus- ja palautetoiminnot.
Viestin palaute — Yksittäisen avustajaviestin peukku ylös/alas -arvio sekä valinnaiset syyt ja kommentit.
Mallin valinta — Palveluntarjoaja ja mallinvalitsin kiinteällä luettelolla tai vapaatekstisellä mukautetulla merkinnällä.
Mallin asetuspaneeli — Parillinen mallivalitsin ja lämpötilan liukusäädin agentin määrittämistä varten.
Puhu painamalla — Mikrofonin kaappauspainike, joka omistaa koko lupapyynnön, tallennuksen ja purkamisen elinkaaren painettuna ja vaihtamista varten.
Suoratoiston tila — Näyttää yhden suoratoistoyhteyden vaiheen sydämenlyöntitietoisen jumitustunnistuksen kanssa.
Virtaava teksti — Näyttää avustajan vastauksen sitä mukaa kuin teksti saapuu ja yhdistää nopeat päivitykset.
Virtaavan tekstin ydin — Rakenna kevyt suoratoistotekstin hahmontaja, jonka Markdown-tila korostaa suojatun koodin vain käännösaikaisesti toimitetusta kielioppikartasta.
Ehdotussirut — Vieritettävä rivi aloitus- tai jatkokehotteita, jotka välittävät valitun tekstin isännälle.
Keskusteluketjujen luettelo — Ryhmitetty, haettavissa oleva keskustelusivupalkki, jossa on kiinnitys-, arkistointi-, poisto- ja uudelleennimeämistoiminnot.
Litterointivirta — Livetekstityssyöte meneillään olevaan puheistuntoon, jossa on välipäivityksiä viimeisiin päivityksiin ja rullaa pohjaan.
Kirjoitusilmaisin — Esittelyllinen läsnäolovihje, joka osoittaa, että avustaja kirjoittaa vastausta
Käyttömerkki — Viestin tai suorituksen tokenmäärän, kustannuksen ja viiveen tiivis näyttö.
Äänen valitsin — TTS-äänenvalitsin mukana toimitetun luettelon kautta, jossa on sisäänrakennettu äänen esikatselu ja vanhentuneiden arvon käsittely.
Widgetien näyttäjä — Näyttää agentin tuottaman JSON-komponenttipuun vain sallittuja komponentteja käyttäen.
Viestin osat — Muodostaa järjestettyjä, lomitettavia tekoälyviestiosia tekstin, päättelyn, työkalun, lainauksen, liitteen ja mediaprimitiivien kanssa.
Kehotekenttä — Kehotteen kirjoitin, jossa on liitteet, mallin ja äänen valinta, hakulähteet, maininnat, komennot ja jonotus.
Kehotejono — Jono jatkokehotteille, joita voi muokata, järjestää, poistaa tai lähettää heti.
Reaaliaikainen istunto — Palveluntarjoajasta riippumaton puheistunto yhteyden, litteroinnin, tallennuksen, mykistyksen ja keskeytyksen ohjaukseen.
Valintatyökalupalkki — Näyttää kysy-, lainaa- ja kopioi-toiminnot valitun tekstin vieressä.

Agenttityökalut ja havainnoitavuus

Tapahtumavirta — Agentin toimien päivittyvä loki, joka tiivistyy vaiheiden yhteenvedoksi suorituksen valmistuttua.
Agentin arviointinäkymä — Hallitun arvioinnin yleiskatsaus, joka yhdistää mittakortit trendikaavion ja ajokohtaisen tilahistorian kanssa.
Agentin kysymys — Kerää jäsennellyn vastauksen agentin tai MCP-palvelimen kysymykseen hyväksymis-, hylkäämis- ja peruutustoiminnoilla.
Taustasuoritukset — Näyttää isännän hallinnoimat jonossa olevat, käynnissä olevat ja valmiit agenttityöt sekä avoimet ja peruutuspyynnöt.
Budjettimittari — Näyttää toimitetun käytön rajaa vastaan, mukaan lukien ei-käytettävissä olevat ja ylitetyt tilat.
Muutosten tarkistus — Tarkistaa isännän toimittamat tiedostomuutokset ja pyytää säilyttämis- tai hylkäämispäätöstä jokaiselle osalle.
Liitinten hallinta — Näyttää yhteyden tilan ja pyytää yhdistämään, katkaisemaan yhteyden tai yrittämään uudelleen toimintoja isäntähallinnassa oleville liittimille.
Luvan myöntäminen — Esittää suojatun lupapyynnön ja raportoi käyttäjän salli- tai kieltämisvalinnan isännälle.
Lupasäännöt — Näyttää isännän määrittämät käyttöoikeussäännöt ja pyytää muutoksia niiden sallimiseen, pyytämiseen tai kieltämiseen.
Agentin suoritus — Agentin suorituksen näkymä, jossa on tila, kulunut aika, nykyinen vaihe, kustannus sekä peruutus- ja uudelleenyritystoiminnot.
Agentin suoritusjälki — Hierarkkinen agentti/LLM-jäljitysnäkymä span-tyyppisillä suodattimilla ja kanavanvaihdon pikahyppyillä yhden jaetun jänneryhmän yli.
Hyväksyntäjono — Näppäimistöllä käytettävissä oleva jono odottavia työkalukutsuja, joista jokainen tarkistetaan ja hyväksytään tai evätään yhden jaetun valintaikkunan kautta.
Artefaktipaneeli — Agentin luoman artefaktin esikatselu, koodinäkymä, versiohistoria sekä kopiointi ja lataus.
Selainkehys — Agentin selaintoiminnan näkymä, jossa näkyvät kuvakaappaukset, vain luettava URL ja ohjauksen siirtopainikkeet.
Commit-kortti — Git-commitin tiivistelmä, jossa on muutosten tilastot ja tiedostokohtaiset muutokset linkkeineen eronäkymään.
Vertailupaneeli — Vierekkäinen A/B-tulosten vertailu ja voittajaäänestys areenatyylisen mallin arvioimiseksi.
Vahvistuspalkki — Sisäänrakennettu, ei-modaalinen hyväksyntä/estä esto yhdelle ehdotetulle agenttitoiminnolle, istuu transkriptiossa valintaikkunan sijaan.
Kontekstin tarkastelu — Mallikutsun kontekstin tarkastelu, jossa näkyvät tokenarviot, lainaukset, muokkausmerkinnät sekä kopiointi ja vienti.
Arviointiaineisto — Suodatettava ja merkittävä arviointiesimerkkien luettelo, jossa on lisää-, poista-, tuo- ja vie-toiminnot.
Arviointitulos — Rubriikkipisteytys ja ihmisen suorittaman arvioinnin pinta yhden arviointiesimerkin ajojen vertailua varten.
Arviointisuoritus — Arviointierän päivittyvä edistymisnäkymä, jossa on kokonaisedistyminen ja esimerkkikohtaiset tulokset.
Käytäntöjen yhteenveto — Vain luku -luettelo suojakaiteiden, lupien, tietosuojan ja työkalukäytäntöjen päätöksistä sekä helppokäyttöiset sallimis-, hylkäys- tai tarvetarkistusselitykset.
Spanien vesiputousnäkymä — Agenttijäljyn vaakasuuntaiset aikajanat ulottuvat tilasävyisinä palkkeina jaettua aika-akselia vasten.
Pinon jäljitys — Jäsentää JS/TS:n, selaimen ja Python-pinojäljet aktivoitaviksi kehyksiksi kehyksen sisäisellä taitolla.
Tehtävälista — Agentin suunnitelman avattava tehtäväluettelo, jossa on vaiheiden tilat ja alavaiheet.
Terminaali — Vain luettava ANSI-konsoli, joka näyttää agentin tai työkalun tulosteen päivittyvänä ja tukee hakua.
Testitulokset — Testisarjan hyväksyttyjen ja hylättyjen testien yhteenveto suodattimilla ja avattavilla virhetiedoilla.
Ajatuspaneeli — Taitettava paneeli tekoälyagentin reaaliaikaiselle tai tarkistetulle perustelukopiolle.
Työkalun hyväksyntäikkuna — Hyväksy, hylkää tai muokkaa ehdotettua työkalukutsua ennen suoritusta.
Työkalukutsulohko — Taitettava rivin lohko yhdelle agenttityökalukutsulle, joka laajenee näyttämään argumentit, virheen ja tuloksen.
Työkalukutsusiru — Pieni merkki, joka tiivistää työkalukutsun nimen, tilan ja keston.
Työkalun parametrilomake — Luo muokattavan lomakkeen työkalun litteästä JSON-skeemasta kutsuargumenttien säätämistä varten.
Työkalun tulosikkuna — Modaalinen peittokuva, joka näyttää työkalukutsun tilan, keston ja täydelliset tulostiedot.
Työkalun tulosnäkymä — Renderöi työkalukutsun tuloksen rekisteröidyn renderöijan kautta ja palautuu JSON-muotoon.
Työkalun valintaikkuna — Luokkiin ryhmitelty, haettavissa oleva valintaikkuna, jossa valitaan, mitkä agenttityökalut ovat käytössä.
Työkalujen aikajana — Agentin työkalukutsujen aikajana, jossa näkyvät uudelleenyritykset, hyväksynnät ja arkaluonteisten tietojen peittäminen.
Suoritusjäljen puu — Avattava agentin suoritusjälki kestoineen sekä valinnaisine token- ja kustannussarakkeineen.
Tuloskortti — Reunustettu korttikuori, joka antaa mukautetuille työkalutulosten renderöijille yhden pienen kortin ilmeen
Tuloskenttä — Kompakti etiketti/arvorivi työkalutuloskorteille ja tiheille metatietokaistaleille
MCP-sovellus — Näyttää suoritettavan MCP-sovelluksen eristetyssä kehyksessä ja välittää isäntäpyynnöt tyypitettyinä tapahtumina.
Kehotestudio — Palveluntarjoajasta riippumaton työtila rakenteisten kehotteiden muokkaukseen, esikatseluun, versiointiin ja suorittamiseen.
JSON-skeeman katselu — Tarkistaa valittavissa olevat JSON Schema -puut rajoitusten, vaaditun tilan, koostumushaarojen ja vahvistusongelmien kanssa.
Subagent paneeli — Näyttää aliagenttien hierarkian, tehtävät, mallit, etenemisen ja hallintatoiminnot.

Tiedonhaku ja tietograafit

Yhteisökortti — Klusterin yhteenvetokortti tietograafiyhteisölle, jossa on jäsenmerkkejä ja harjoitustoiminto.
Upotusten tarkastelu — Helppokäyttöinen 2D-sirontanäkymä isäntäprojisoimista upotuskoordinaateista, valinnainen klusterin väritys ja pisteen valinta.
Entiteettikortti — Tietograafin entiteettikortti, jossa on tyyppi, ominaisuudet, yhteyksien määrä ja graafiin siirtymisen toiminto.
Entiteettisiru — Sisäänrakennettu @entity-maininta agenttiproosasta, jossa on hover/focus-esikatselun ponnahdusikkuna.
Entiteettikooste — Kokonaisuuden yksityiskohtainen pinta, jossa on otsikko, luottamustilasto ja välilehdet suhteita, tukipalstoja ja alkuperää varten.
Graafi — Suhteet panoroitavana ja zoomattavana solmuviivagraafina.
Graafin selite — Solmutyyppinen selite parilliseen kuvaajaan, joka toimii myös näkyvyyssuodattimena.
Tuontijono — Hallittu luettelo asiakirjoista, jotka liikkuvat tuloputken kautta, näyttäen vaiheen, edistymisen, laskut sekä uudelleen- tai peruutuspyynnöt.
Tietopohja — Tietopohjan lähdeluettelo, jossa on synkronoinnin ja indeksoinnin tila, käyttöoikeudet ja hallintatoiminnot.
Tietopohjan hallinta — Välilehdellinen hallintanäkymä, joka yhdistää tietopohjan lähteet tuontijonoon.
Tietograafin tarkastelu — Knowledge-graph-tutkimuskuori, joka yhdistää graafin hahmontamisen, entiteettihaun, tyyppisuodattimet, naapuruston laajennuksen ja polun etsimisen.
Ajatuskartta — Säteittäinen laajennettava aihepuu hierarkian spatiaaliseen selaamiseen ja aiheeseen perehtymiseen.
Naapuriluettelo — Yhden entiteetin suhderivit rivikohtaisilla navigointi- ja laajennusarvoilla.
Solmupaletti — Haettavissa oleva, luokiteltu solmukirjasto solmujen vetämiseen tai sijoittamiseen kulkupohjalle.
Polkupalkki — Kompakti, vieritettävä solmu-relaatio-solmuketju, joka tekee GraphRAG-päättelypolun.
Tekstijakson tarkastelu — Järjestetty luettelo haetuista RAG-tekstijaksoista osuvuuspisteineen ja linkkeineen alkuperäiseen asiakirjaan.
Lähdeviitemerkki — Tekstiin upotettu [n]-lähdeviite, jossa on esikatselu sekä lähdetuen ja vahvistuksen ilmaisu.
Lähteisiin tukeutumisen yhteenveto — Näyttää väitteiden lähdetuen, viitteiden kattavuuden, luottamuksen, varoitukset ja todisteet.
Muistipaneeli — Agentin työmuistipinta lyhytaikaista kontekstia ja pitkäaikaisia muistoja varten, varmuudella ja vahvistukseen perustuvilla toimilla.
Alkuperäpaneeli — Avattava kooste vastauksen taustalla olevista entiteeteistä, suhteista, yhteisöistä ja tekstijaksoista.
RAG-vastaus — Lähteisiin perustuva vastaus, joka yhdistää puhdistetun Markdownin, lähdeviitteet, lähdetuen ja avattavat lähde-esikatselut.
Tutkimuksen edistyminen — Näyttää isännän toimittamat tutkimusvaiheet, lähteiden määrät ja valmistumisen yleisen edistymisen.
Hakutulokset — Järjestetyt hakutulokset, joissa on kaksoiskappaleiden poisto, lähderyhmät, valinta ja tiivis tai laajennettu näkymä.
Tiedonhakukenttä — Hakupalkki, jossa on rajaukset, vektori-, avainsana- ja hybriditilat sekä tilapalaute.
Haun jälki — Retrieval-pipeline-vaiheen aikajana, jossa on laajennettavissa olevia todisteita jokaiselle uudelleenkirjoitus-, upotus-, nouto-, uudelleensijoitus- ja suodatusvaiheelle.
Lähdekortti — Lähdekortti, jossa on otsikko, sivu, ote ja avattava koko teksti.
Lähdeluettelo — Tiivistettävät lähteet -paneeli, joka ryhmittelee chat-viestin lainauskortit yhden otsikon alle.
Lähteen valitsin — Valintaruutupuu seuraavan vastauksen lähteiden valintaan, mukaan lukien kansiot, kaikkien valinta ja haku.
Väitteen todisteet — Vertaa tuotettuja väitteitä lähdeviitteisiin ja näyttää lähdetuen, luottamuksen ja todisteet.
RAG-arvioinnin kojelauta — Esittelee RAG-laatumittareita, trendejä, arviointilohkoja ja ajohistoriaa isännän laskemista tuloksista.
Hakutulosten vertailu — Vertailee rankattuja haku- ja uudelleensijoitustulosjoukkoja vierekkäin päällekkäisyyksien ja tuloserittelyjen kanssa.

Lomakkeet ja syötteet

Painike — Toimintapainike, jossa on teematokenit, sävyvaihtoehdot, kokovaihtoehdot ja lataustila.
Valintaruutu — Lomakkeen valintaruutu, jolla on valittu, valitsematon ja osittain valittu tila.
Valintaruuturyhmä — Ryhmittelee valintaruudut yhdeksi lomakkeeseen liitettäväksi, validoitavaksi monivalintakentäksi.
Koodieditori — Monirivinen koodieditori ilman ulkoisia riippuvuuksia; rivinumerot saa näkyviin valinnaisesti.
Värinvalitsin — Lomakkeeseen liitettävä natiivi värikenttä, jossa on otsikko, ohjeteksti ja virheilmoitukset.
Yhdistelmäkenttä — Suodatettava tekstikenttä ja valintalista, joka tukee yhtä tai useaa valintaa.
Päivämäärän syöttö — Päivämääräkenttä, jossa on kalenteri ja ISO 8601 -muotoinen arvo.
Päivämäärän valitsin — Kuukausikalenteri yksittäisen päivämäärän tai päivämäärävälin valintaan.
Emojin valitsin — Haettava ja näppäimistöllä käytettävä emojivalitsin, jonka arvo voidaan lähettää lomakkeessa.
Kuvakepainike — Pienikokoinen, saavutettava kuvakepainike toiminnon käynnistämiseen.
Tekstikenttä — Yksirivinen tekstikenttä, jossa voi näyttää otsikon, ohjetekstin ja validointivirheen.
Maan valitsin — Valitsee maiden ja alueiden koodeja käännettyjen nimien, lippujen ja valinnaisen haun avulla.
Valuutan valitsin — Valitsee valuuttakoodeja käännettyjen nimien, tunnusten ja valinnaisen haun avulla.
Aikavyöhykkeen valitsin — Valitsee aikavyöhyketunnuksia järjestetystä luettelosta, jossa on valinnainen haku.
Yksikön valitsin — Valitsee mittayksiköitä käännettyjen nimien, tunnusten ja valinnaisen haun avulla.
Kielen valitsin — Valintalista aktiivisen kielen ja alueen vaihtamiseen kirjaston kielirekisterin avulla.
Numerokenttä — Numeerinen kenttä, jossa on vähimmäis-, enimmäis- ja askelarvon rajoitukset sekä natiivi validointi.
Vaihtoehto — Valintalistan vaihtoehto, jolla on arvo, nimi, ryhmä ja tilatieto.
Puhelinnumerokenttä — Maatiedon huomioiva puhelinnumerokenttä, jonka lomakearvo on E.164-muotoinen.
Valintanappi — Lomakkeeseen liitettävä valitsin yhden vaihtoehdon valintaan joukosta.
Valintanappiryhmä — Nimetty, näppäimistöllä käytettävä yksivalintaisten painikkeiden ryhmä.
Arviointikriteerilomake — Muokattava arviointilomake pisteille, luokille ja kommenteille sekä Lähetä- ja Seuraava-toiminnoille.
Valintalista — Valintalista yhden vaihtoehdon valintaan kiinteästä joukosta.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Liukusäädin — Numeerisen arvon liukusäädin esimerkiksi mallin lämpötilalle tai äänenvoimakkuudelle.
Värimallin valitsin — Pienen, kiinteän värimallijoukon valitsin, joka toimii myös radioryhmänä.
Kytkin — Lomakkeeseen liitettävä päälle/pois-kytkin.
Tekstialue — Monirivinen tekstikenttä, jossa on automaattinen koon kasvu ja validointi.
Aikakenttä — Alueasetuksiin mukautuva osiin jaettu aikakenttä, jossa on valitsin; natiivi vaihtoehto on lr-native-time-input.
Aikaväli — Kahden kahvan liukusäädin alku- ja loppuarvon valitsemiseen.
Valintapainike — Kaksitilainen painike valinnan ottamiseen käyttöön tai poistamiseen käytöstä.
Valintapainikeryhmä — Yhden sarkainpysähdyksen muodostava valintapainikeryhmä, jossa voi tehdä yhden tai useita valintoja.
Natiivi aikakenttä — Selaimen oma aikakenttä Lyra-otsikolla, ohjetekstillä ja validoinnilla.
Kertakoodikenttä — Osiin jaettu kertakoodikenttä, joka tukee tekstiviestien automaattista täyttöä.
Radiopainike — Painikkeeksi muotoiltu yksivalintainen ohjain, jota käytetään tavallisesti ryhmässä.
Tunnistesyöte — Lomakekenttä poistettavien tunnisteiden tai vastaanottajien luettelon kokoamiseen.

Datan esittäminen

Graafikyselyn muodostin — Lomakkeeseen liitettävä graafisuhteiden ja polkukyselyjen editori, jossa on entiteetin aloituspisteet, tyyppisuodattimet, askelrajat ja tallennetut kyselyt.
Kalenteri — Responsiivinen kuukausikalenteri, jossa on tapahtumamerkit ja näppäimistöllä avattava esityslistanäkymä.
Kontekstimittari — Segmentoitu käyttöastemittari, palkki tai rengas merkkibudjettia tai kontekstiikkunaa varten.
Asiakirjakirjasto — Haettavissa ja suodatettavissa oleva asiakirjaluettelo, jossa on versiot, tunnisteet, omistajat, tuoreus, lajittelu ja joukkovalinta.
Ympäristömuuttujaluettelo — Peitetty avain-/arvoluettelo ympäristömuuttujille ja salaisuuksille, rivikohtainen paljastaminen ja kopiointi.
Tiedostopuu — File-explorer esiasetettu puukomponentin päälle git-status-merkeillä ja laiskalla hakemistolatauksella.
Työnkulun piirtoalue — Panoroitava, zoomattava kangas visuaalisten DAG-työnkulkujen luomiseen ja suorittamiseen.
Työnkulun ohjaimet — Zoomaa, sovita ja lukitse painikeryhmä pariksi liitetylle virtauskankaalle.
Työnkulun pienoiskartta — Kulmakuvauskartta, jossa on vedettävä näkymän suorakulmio pariliitettyä virtauspohjaa varten.
Työnkulun solmu — Työnkulun solmukortti, jossa on otsikko, tilan korostus ja liitäntäpisteet.
Työnkulun suorituksen tila — Työntää run-status-koristeet virtauskankaalle ja näyttää kompaktin vaiheiden yhteenvetonauhan.
Suppilo — Näyttää vaiheittaisen muunnospudotuksen pylväinä, jotka on normalisoitu ensimmäiseen vaiheeseen.
Mittari — Näyttää yhden arvon radiaali-, rengas- tai lineaarimittarina.
Lämpökartta — Muodostaa arvojen matriisin tai kalenteriruudukon koon muuttamiseen tietoisena kankaan lämpökarttana.
Sivutus — Hallittu sivunavigointi muokattavalla sivuhypyllä ja tuotealueen yhteenvedolla
Ehtojen muodostin — Muodostettava strukturoitujen kyselyjen rakennustyökalu taulukko- tai kojelautatiedoille, joka yhdistää kenttä-/operaattori-/arvoehtorivit JA/TAI-kombinaattorilla.
Sekvenssipalkki — Kompakti kohdekohtainen nauha, joka visualisoi kategoristen tilojen sarjan värillisinä soluina valinnaisella merkillä.
Pienoiskaavio — Piirtää kompaktin upotetun SVG-trendin viivana, täytettynä alueena tai palkkina tietosarjalle.
Tilasto — Esittää yhden KPI:n, jossa on yksikkö, trendipilleri, erittelyrivit ja valinnainen sparkline.
Taulukko — Esittelytietotaulukko, jossa on lajiteltavat otsikot, valinta, suodatus ja sivutus.
Aikajana — Yhdistetty menneiden tapahtumien rivien sarja kirjauspolkuja, agenttihistoriaa ja muutoslokeja varten.
Aikajanan kohde — Yksi tapahtumarivi aikajanalle, jossa on värikoodattu merkki, otsikko, aikaleima ja kuvaus.
Puu — Laajenna/kutista hierarkia kaavioiden, asiakirjojen tai tiedostopuiden navigointia varten
Puun kohde — Rekursiivinen puukohteen rivinrenderöija yhdelle solmulle ja sen lapsille puun sisällä.
Sanapilvi — Nollariippuvuus SVG-tunnistepilvi, joka skaalaa jokaisen sanan painonsa mukaan
Tietoruudukko — Virtualisoitu tietoruudukko suurille tai palvelimelta ladattaville aineistoille; lajittelu, suodatus, ryhmittely, sivutus ja valinta sisältyvät.

Kaaviot

Pylväskaavio — Vertailee luokkien arvoja pysty- tai vaakapalkkien avulla.
Laatikkokaavio — Tiivistää jakauman valmiiksi lasketun viiden tunnusluvun avulla.
Kuplakaavio — Piirtää kolme ulottuvuutta pistettä kohti käyttämällä x-, y-asemaa ja kuplan sädettä.
Kaavio — Chart.js-pohjainen yleiskaavio viiva-, pylväs-, ympyrä- ja muille visualisoinneille.
Rengaskaavio — Näyttää osien väliset suhteet renkaan segmentteinä.
Histogrammi — Säilyttää numeeriset arvot yhtä leveisiin ryhmiin paljastaakseen niiden jakautumisen.
Viivakaavio — Seuraa trendejä jatkuvan akselin yli yhdellä tai useammalla yhdistetyllä sarjalla.
Kevytkaavio — Piirtää kevyen pylväs- tai viivakaavion SVG:nä ilman Chart.js-riippuvuutta.
Ympyräkaavio — Suhteellinen ympyräkaavio, joka näyttää yhden sarjan osuuden kokonaisuudesta
Polaarinen aluekaavio — Napa-aluekaavio, joka piirtää kunkin luokan kiilana sen arvon mukaan skaalatuna
Tutkakaavio — Tutkakaavio, jossa verrataan useita yhden sarjan mittareita säteittäisessä ruudukossa
Hajontakaavio — Raakojen x/y-pisteparien sirontakuvaaja lineaarisilla akseleilla

Asettelu ja navigointi

Haitari — Hallitsee avattavien paneelien ryhmää ja voi sallia usean paneelin avaamisen kerralla.
Haitarin kohta — Kokoontaitettava paneeli, joka on suunniteltu asettumaan harmonikkaryhmään.
Sovelluspalkki — Mukautuva sovellusnavigaatio, joka vaihtuu leveästä näkymästä kuvakkeisiin ja mobiilivalikkoon.
Sovelluspalkin ryhmä — Nimetty, valinnaisesti kokoontaitettava osio, joka ryhmittelee navigointikohteita sovellusraiteen sisällä.
Sovelluspalkin kohta — Sovelluskiskon kuvakkeen ja tunnisteen navigointikohde, jossa on vain kuvakkeet tiivistetty tila.
Murupolku — Mukautuva murupolku näyttää sijainnin sivuhierarkiassa.
Murupolun osa — Yksi linkki tai nykyisen sivun tunniste navigointipolun sisällä
Painikeryhmä — Ryhmittelee liittyvät toimintopainikkeet yhdeksi responsiiviseksi, nimetyksi klusteriksi
Kortti — Reunattu sisältöpinta, jossa on otsikko-, media-, alatunniste ja toimintopaikat.
Karuselli — Saavutettava karuselli, jossa on näppäimistöohjaus, sivuilmaisimet, kierto ja automaattinen toisto.
Karusellin kohde — Valinnainen semanttinen dian kääre, joka antaa yhdelle karusellilapselle yhtenäisen esineen muotoilun.
Komentopaletti — Haettavissa oleva sovelluskomentovalikko näppäimistön navigoinnilla ja pikanäppäimillä.
Ohjainryhmä — Ryhmittelee sekamuotosäätimet ja toimintopainikkeet yhdeksi reagoivaksi, keskitetyksi työkaluriviksi.
Koontinäytön ruudukko — Responsiivinen, näppäimistöllä käytettävä ohjattu widget-ruudukko, joka sijoittaa asettelumerkinnät ja lähettää siirto-, koonmuutos- ja törmäyspyyntöjä.
Yksityiskohdat — Helppokäyttöinen ilmoituspaneeli, joka laajenee ja paljastaa sisällön yhteenvedon alla.
Telakointipaneeli — Kokoontaitettava, kokoontaitettava paneeli telakoituna olemassa olevan asettelusi yhteen reunaan.
Tarkennuspaneeli — Ohjattu navigointikuori kaaviosta tai taulukon datasta asiaan liittyviin todisteisiin, asiakirjoihin, kokonaisuuksiin tai agenttiajoihin navigointipolun avulla.
Avattava kohde — Web Awesome -yhteensopiva avattavan valikon toimintorivi.
Suodatinpalkki — Suodatinpalkki, jossa on kentät, poistettavat rajaukset sekä nollaus- ja lataustilat.
Valikko — Sisäänrakennettu semanttinen valikko, jossa on toimintokohteita, kiertävä kohdistus ja sisäkkäiset alivalikot.
Valikkokohta — Yksittäinen valikon toimintorivi, jossa on valinnainen kuvake, valintaruutu tai tuhoava tyyli.
Järjestettävä kohde — Yksi rivi uudelleenjärjestysluettelossa, joka yhdistää ylös- ja alaspäin siirtopainikkeet mielivaltaiseen sisältöön.
Järjestettävä luettelo — Yleinen uudelleen järjestettävä riviluettelo, jota siirretään rivikohtaisilla painikkeilla tai Ctrl/Cmd+Nuoli-pikanäppäimellä.
Valikon otsikko — Lisää ei-interaktiivisen osion otsikon ryhmittelemään aiheeseen liittyviä kohteita valikkoluettelon sisällä.
Valikkopalkki — Vaakasuuntainen sovellusvalikkopalkki, jossa on nimetyt avattavat valikot ja täydellinen näppäimistönavigointi.
Valikkopalkin kohde — Yksi ylimmän tason valikkopalkin otsikko, joka avaa jaetun valikon tai toimii tavallisena toimintona.
Navigointivalikko — Sivuston ylänavigaatio, jossa on linkkejä ja avattavia paneeleja; ahtaassa tilassa se tiivistyy valikoksi.
Navigointivalikon kohta — Navigaatiovalikon linkki tai paneelin avaava painike.
Sivu — Sovelluksen rakenne, jonka navigaatio vaihtaa käytettävissä olevan tilan mukaan sivupalkista mobiilin modaalivalikkoon.
Mukautuva paneeli — Näyttää sisällön työpöydällä sivupaneelina ja mobiilissa avattavana peittopaneelina.
Scroller — Responsiivinen ylivuotopinta valinnaisilla edellisen/seuraavan ohjaimilla kortti- ja välilehtiriveille.
Segmentoitu — Yksi valintapainikerivi, jolla voit valita yhdellä silmäyksellä yksi useista merkittyjä vaihtoehtoja.
Monijakopaneeli — Jakaa kojelaudan vetämällä kokoa muuttaviin paneeleihin, joissa on valinnainen reagoiva tiivistys.
Jaettu paneeli — Jakaa sisällön kahteen vetämällä muutettavaan ruutuun yhdellä jakajalla, mikä on yksinkertaisempi vaihtoehto monipaneeliiselle lr-multi-splitille.
Stepperi — Ohjaa käyttäjän monivaiheisen prosessin läpi ja näyttää kunkin vaiheen tilan.
Välilehtiryhmä — Välilehtinauha, joka näyttää yhden light-DOM-paneelin kerrallaan täydellä näppäimistöllä.
Välilehti — Web Awesome- ja Shoelace-yhteensopiva välilehti, joka yhdistetään ryhmän vastaavaan paneeliin.
Välilehtipaneeli — Web Awesome- ja Shoelace-yhteensopiva välilehtipaneeli, joka yhdistetään ryhmän vastaavaan välilehteen.
Virtuaalinen lista — Ikkunallinen luetteloisäntä, joka näyttää vain näytöllä näkyvät rivit suuria vieritettävää kokoelmaa varten
Widget — Nimetty paneelin kuori valinnaisilla tiivistys- ja koko näytön laajennuksilla

Peittokerrokset ja palaute

Ilmoitus — Ilmoitusalue, joka pinoaa viestit näytön kulmaan.
Ilmoituksen osa — Yksittäinen suljettava ilmoitus, jossa on tilan mukainen korostus, valinnainen kuvake ja ajastettu sulkeutuminen.
Chip — Pieni merkki tunnisteelle, suodattimelle tai rajaukselle; sen voi poistaa tai vaihtaa.
Siruryhmä — Käärii joukon siruja valinnaisella +N-ylivuodon kytkimellä, kun ne ylittävät rajan.
Varoitus — Oletusarvoisesti suljettu ilmoitus, jossa on ajastettu piilotus ja mahdollisuus näyttää viesti ilmoituspinossa.
Merkki — Kompakti tilatarra tilan, lukujen tai luokkien signalointiin
Huomautuslaatikko — Sisäänrakennettu viestipinta tila-, varoitus- ja virhesisällölle, hylättävä.
Kontekstivalikko — Muuntaa minkä tahansa alueen hiiren kakkospainikkeella, pitkään painalluksella tai Shift+F10-kohteeksi, joka avaa toimintovalikon.
Dialogi — Focus-trapped modaalinen peittokuva vahvistuksille, lomakkeille ja muille keskeyttäville tehtäville.
Vetolaatikko — Liu'uttaa modaalipaneelin sisään mistä tahansa näkymäportin reunasta suodattimia tai kontekstuaalisia säätimiä varten.
Pudotusvalikko — Valikkoroolin ponnahdusikkuna, joka ankkuroi toimintaluettelon kuluttajan omistamaan triggeriin
Tyhjä tila — Ilmoittaa tyhjästä tai ei-dataa-tilasta kuvakkeella, viestillä ja valinnaisilla toimilla.
Kbd — Käyttöjärjestelmän mukaan muotoiltu näppäinoikopolun esitys.
Popover — Napsautuksella avautuva kelluva sisältöpaneeli, joka sulkeutuu myös ulkopuolelle napsautettaessa.
Ponnahdusikkuna — Matalatasoinen ankkuroitu paikannus primitiivi, joka pitää kelluvan paneelin kohdakkain ankkurinsa kanssa, sama moottori ponnahdusikkunan ja työkaluvihjekomponenttien alla.
Edistymispalkki — Määritetty tai määrittelemätön vaakasuuntainen edistymisen ilmaisin valinnaisella arvolla.
Edistymisrengas — Pyöreä, määrätty tai epämääräinen edistymisosoitin, jossa on keskimerkki.
Luokitus — Näppäimistöllä käytettävissä oleva tähtiluokitus murto-tarkkuudella osittaisilla täytöillä
Latausluuranko — Animoitu latauspaikkamerkki, joka seisoo sisällössä sen latautuessa.
Spinner — Ilmoittaa käynnissä olevasta taustatehtävästä määrittelemättömällä, animoidulla varattu-ilmaisimella.
Tunniste — Merkkikäsittelyn semanttinen alias avainsanojen tai luokkien merkitsemiseen
Työkaluvihje — Vie hiiri- ja tarkennuskäynnistetty työkaluvinkki, joka kuvaa kuluttajan omistaman käynnistimen

Asiakirja- ja tiedostokatselimet

Arkiston katseluohjelma — Luetteloi tiedostojen nimet ja pakkaamattomat koot ZIP-arkiston sisällä purkamatta sisältöä.
Kalenterin katseluohjelma — Näyttää .ics-kalenteritiedoston tapahtumat, ajat ja sijainnit.
Yhteystietojen katselu — Näyttää yhteystiedot selkeässä katselunäkymässä.
CSV-katseluohjelma — Hakee CSV-tiedoston ja hahmontaa sen rivit virtualisoiduksi, vieritettäväksi taulukoksi.
Tietojoukon katseluohjelma — Hakee erotinmerkeillä jäsennellyn tekstiaineiston ja näyttää sen tyypitetyssä, saavutettavassa taulukossa.
Asiakirjan vertailu — Kahden asiakirjaversion rinnakkainen tai upotettu vertailu yhdistämällä tekstin erotusnäkymän renderoidun asiakirjan esikatseluihin.
Asiakirjan esikatselu — Esikatselee dokumenttia tai liitettä upotettuna MIME-tyypin perusteella ja varalatauksen varassa.
Asiakirjan katseluohjelma — Näyttää asiakirjan valintaikkunassa, jossa on liitettävä MIME-tyyppinen renderöintirekisteri.
DOCX-katseluohjelma — Muuntaa DOCX-asiakirjan puhdistetuksi semanttiseksi HTML:ksi Mammoth-kirjastolla.
E-kirjan katseluohjelma — Näyttää EPUB-kirjan lukujen selaustoiminnoilla valinnaisen epub.js-riippuvuuden avulla.
Sähköpostin katseluohjelma — Jäsentää ja renderöi .eml-sanoman, jossa on otsikot, puhtaat tekstit ja liitteet.
GeoJSON-katseluohjelma — Hakee, vahvistaa ja renderöi GeoJSON-tiedoston ominaisuudet kartalla.
Korostuskerros — Peittokuva, joka maalaa aktivoitavat korostussuorakulmiot sijoitetun asiakirjan sisällön päälle.
HTML-katseluohjelma — Hakee URL-osoitteen ja hahmontaa sen HTML-koodin turvallisesti sen puhdistamisen jälkeen.
Sisällytys — Hakee HTML-katkelman ja lisää sen puhdistettuna sivun sisältöön.
Muistikirjan katseluohjelma — Vain luettava Jupyter-muistikirjan katselu Markdown-, koodi- ja tulossoluille.
Sivujen pienoiskuvat — Virtualisoitu pystysuora miniatyyrikisko sivuosoitteellisen asiakirjan selaamiseen.
PDF-katseluohjelma — Hakee ja hahmontaa PDF-sivuja zoomauksella, sivutuksilla ja valittavalla tekstikerroksella
PPTX-katseluohjelma — PowerPoint PPTX -esitysten selainpohjainen katselu.
Taulukkolaskentaohjelma — Hakee ja hahmontaa .xlsx- ja vanhat .xls-työkirjat taulukkovälilehdillä ja virtualisoiduilla riveillä.
SVG-katseluohjelma — Hakee ja hahmontaa turvallisesti upotetun, puhtaan SVG-dokumentin URL-osoitteesta.
XML-katseluohjelma — Kokoontaitettava, kopioitava puunäkymä XML-asiakirjojen tarkastelua varten.

Media ja tiedostot

Liitesiru — Kompakti siru viestiin liitetylle tiedostolle, latauksen tila, edistyminen ja uudelleenyritys.
Avatar — Pieni henkilöllisyysmerkki, joka näyttää henkilön tai kokonaisuuden kuvakkeen, kuvan tai nimikirjaimet
Animoitu kuva — Toistaa GIF-, APNG- tai WebP-animaation ja tarjoaa liikeasetusta kunnioittavan taukopainikkeen.
Animaatio — Animoi julistetun lapsen nimettyjen esiasetusten tai mukautettujen avainkehysten avulla.
Liitteen lisäyspainike — Liitteen lisäyspainike, joka avaa tiedostovalitsimen tai toimintovalikon viestikentässä.
AV-soitin — Ääni-/videosoitin, jossa on synkronoitu transkriptio, aaltomuoto ja toistonopeuden säätö.
Avatar-ryhmä — Pinoaa päällekkäiset avatarit tiiviiksi riviksi, joka tiivistää extrat +N-merkiksi
Pudotusalue — Vedä ja pudota -kääre, joka muuttaa minkä tahansa alueen tiedostojen pudotuskohteeksi ilman omaa tiedostovalitsinta.
Tiedostokuvake — Lokalisoitu tiedostotyyppimerkki, joka on ratkaistu MIME-tyypistä tai tiedostonimestä.
Tiedostokenttä — Vedä ja pudota ja napsauta selaamaan pudotusalue, joka lähettää valitut tiedostot.
Lippu — Näyttää maan tai kielen lipun teeman mukaisessa, valinnaisesti pyöreässä kehyksessä.
Kuvavertailija — Liu'uttaa näppäimistöllä käytettävää jakajaa vertaamaan ennen ja jälkeen pintoja vierekkäin.
Kuvan katseluohjelma — Täysi panorointi/zoomaus rasterikuvien katseluohjelma, jossa on merkitty aluekohokohdat ja valinnainen huomautus.
Lightbox — Koko näytön modaalinen kuvien katseluohjelma, jossa on edellinen/seuraava navigointi ja zoomaus
Kartta — MapLibre GL -kartta, jossa on selite, väritettyjä alueita ja merkkejä.
Mediakortti — Kuvan, videon tai liitetiedoston upotettu esikatselu chat-viestissä.
Panorointi ja zoomaus — Vieritettävä katseluportti panorointia ja zoomausta varten raottuun sisältöön tai yksittäiseen kuvaan rajoitetulla zoomaustasolla.
Jaksotoisto — Toista/keskeytä kuljetus, joka vie indeksin alueen läpi kiinteällä ajastimella.
QR-koodi — Koodaa minkä tahansa arvon skannattavaksi QR-koodisymboliksi, joka renderöi kankaalle.
Video — Upotettu videosoitin mukautetuilla säätimillä, valittavissa olevilla tekstityksillä ja pikkukuvien esikatseluilla.
Videosoittolista — Toistaa sarjan videoita navigoitavassa soittolistassa ja etenee automaattisesti jokaisen päättyessä.
Zoomattava kehys — Sandbox-iframe-esikatselu erillisillä zoomaussäätimillä; entinen rako-/kuvatarkistuspinta on lr-pan-zoom.

Aputoiminnot

Leikkaushavaitsin — Välittää selaimen IntersectionObserver-havainnot, kun sisältö tulee näkyviin tai poistuu näkyvistä.
Mutaatioiden tarkkailija — Tarkkailee sisältöelementtien ja niiden attribuuttien muutoksia ja välittää selaimen havaintotiedot.
Koonmuutoshavaitsin — Tarkkailee sisältöelementtien koon muutoksia ilman näkyvää käyttöliittymää.
Kopioi-painike — Vain kuvake -painike, joka kopioi tekstiarvon leikepöydälle valintamerkkipalautteen kanssa.
Eronäkymä — Muodostaa todellisen kaksijonoisen rividiffin värikoodatuksi yhtenäiserotustulosteeksi.
Jakaja — Teemallinen semanttinen erotin sisällön jakamiseen vaaka- tai pystysuunnassa.
Vie-painike — Lataa taulukkotiedot CSV- tai JSON-muodossa, yhdessä muodossa tai muotovalikon kautta.
Tavujen muotoilu — Aluetietoinen tavukoon muotoilu, jossa on säädettävä yksikköaskel ja tarkkuus.
Päivämäärän muotoilu — Kielitietoinen päivämäärän ja kellonajan muotoilu Intl.DateTimeFormatin kautta.
Luvun muotoilu — Aluetietoinen numero, valuutta ja kompakti muotoilu Intl.NumberFormatin kautta.
Kuvake — Muodostaa selkeitä upotettuja SVG-kuvia sisäänrakennetusta nimetystä polkujoukosta, jossa ei ole riippuvuuksia.
JSON-katseluohjelma — Kokoontaitettava, kopioitava puunäkymä minkä tahansa JSON-hyötykuorman tarkastamista varten
Tunnettu päivämäärä — Kolmen kentän päivä/kuukausi/vuosi syöttö päivämäärälle, jonka käyttäjä jo tietää
Live-alue — Visuaalisesti piilotettu ARIA-live-alue, joka rajoittaa näytönlukulaitteen ilmoituksia
Mainintaikkuna — Caret-ankkuroitu automaattinen täydennys @-maininnille ja kauttaviiva-komentoille tekstikentässä.
Päivityksen tila — Näyttää seuraavaan päivitykseen jäljellä olevan ajan sekä tauko- ja jatkamispainikkeet.
Satunnainen sisältö — Näyttää vaihtoehtoisen sisällön satunnaisesti tai järjestyksessä esimerkiksi A/B-teksteille.
Suhteellinen aika — Näyttää aluetietoisen suhteellisen aikaleiman, joka päivittyy itsestään.
Opastettu kierros — Opastettu tuotteen esittely korostuksilla ja vaiheittaisilla ohjeilla.
Visuaalisesti piilotettu — Piilottaa sisällön visuaalisesti ja pitää sen näytönlukijoiden saatavilla, jolloin se näkyy uudelleen tarkennettaessa.