Alle komponenter

Udforsk alle 308 Lyra UI-komponenter. Filtrer efter familie, søg efter navn, og prøv tilgængelige forhåndsvisninger eller åbn et dokumenteret eksempel.

Samtaler og chat

Agentarbejdsområde — Responsivt, administreret miljø til en AI samtale med transskription, inputfelt og valgfrit panel til udførelse, værktøjer, ressourcer, rationale og kontekst.
Audiovisualisering — Taleaktivitet tegnet på lærred, der viser en agents tomgang, lyttende, tænkende eller taletilstand.
Variantvælger — Kontrollerbar navigation mellem genskabte eller redigerede varianter af en enkelt chatbesked.
Chatfelt — Evolverende beskedfelt med indbyggede send- og stopknapper.
Chatbesked — Chatboble pr. rolle med avatar, badges og en statusreagerende sidefod.
Chatvisning — Scrollbar transskription med automatisk sporing af nye indlæg, knap for at springe til det seneste og divider for ulæste indlæg.
Gendannelsespunkt — Gendannelsespunkt i en samtale med bekræftelse, før chatten vender tilbage til en tidligere tilstand.
Kodeblok — Kodevisning med valgfri udskudt syntaksfremhævning og kopiknap.
Grundlæggende kodeblok — Kompakt kodevisning, der kun fremhæves med forudleverede grammatikregler.
Samtalepunkt — Valgbar række fra chathistorikken med titel, forhåndsvisning og tidsstempel for en session.
Genereringsmålinger — Viser forløbet tid, tokens og gennemløb, mens et AI-svar ankommer.
Overdragelseslinje — Mærket adskillelse, der markerer overførslen mellem agenter i en transskription.
Markdown — Sikker konvertering fra Markdown til HTML med GFM tabeller, kode og links.
Grundlæggende Markdown — Kompakt Markdown-visning, der kun markerer kodeblokke med forudleverede grammatikregler.
Beskedhandlinger — Værktøjslinje pr. chatbesked med kopiering, genskabelse, rediger og feedback.
Beskedfeedback — Tommelfinger op eller ned for en assistentbesked med valgfri årsag og forklaringspanel.
Modelvalg — Vælger for udbyder og model, med fast katalog eller gratis adgang.
Modelindstillinger — Forbundet modelvælger og temperaturskyder til indstilling af et middel.
Tryk for at tale — Mikrofonknap, der styrer hele cyklussen af samtykke, optagelse og afslutning for at trykke og holde eller skifte.
Streamstatus — Viser fasen af én stream-forbindelse og genkender nedetid via hjerteslag.
Indgående tekst — Tegner assistenttekst trinvist og samler hurtige tokenopdateringer.
Basisstreamtekst — Kompakt tekstdisplay, hvis Markdown-tilstand kun markerer kodeblokke med forudleverede grammatikregler.
Forslagsetiketter — Rulbar række af start- eller opfølgningsprompter, der sender den valgte tekst til applikationen.
Samtaleliste — Grupperet, søgbar sidebjælke med handlinger til at fastgøre, arkivere, slette eller omdøbe samtaler.
Transskriptionsflow — Live undertekster til en løbende stemmesession med foreløbig til endelig konvertering og automatisk sporing.
Indtastningsindikator — Visuelt tegn på, at assistenten forbereder et svar.
Forbrugsmærke — Kompakt bjælke, der viser tokens, omkostninger og latenstid pr. besked eller udførelse, med detaljer ved svævebevægelse.
Stemmevælger — TTS stemmevalg fra et medfølgende katalog med indbygget lydeksempel og ældre værdihåndtering.
Widget-renderer — Viser et deklarativt JSON-widgettræ fra en agentstrøm via et register over tilladte typer og komponenter.
Beskedkomponenter — Viser fortløbende, sammenvævbare dele af en AI-meddelelse, såsom tekst, ræsonnement, værktøjer, citater, vedhæftede filer og medier.
Promptinput — Kombinerer hurtig skrivning med vedhæftede filer, model- og stemmevalg, ressourcer, omtaler, kommandoer og køvendinger.
Promptkø — Administrerer opfølgende prompter, der kan redigeres, flyttes, slettes eller sendes med det samme.
Stemmesession i realtid — Udbyderuafhængigt miljø til forbindelse, aktivitet, transskription, optagelse, muting og pause under en stemmesession.
Markeringsværktøjslinje — Placerer spørgsmål, citater, citater og kopiering ved siden af valgt tekst, samtidig med at dokumentforankringen bevares.

Agentværktøjer og overvågning

Aktivitetsoversigt — Kontinuerlig log over individuelle agenthandlinger, der kollapser til en oversigt over gennemførte trin.
Dashboard for agentevaluering — Administreret evalueringsoversigt med benchmark-kort, trendgraf og statushistorik pr. kørsel.
Agentens spørgsmål — Indsamler et struktureret svar på en forespørgsel fra en agent eller MCP-server, inklusive accept, afvis og annuller.
Baggrundskørsler — Viser agentopgaver i køen, under udførelse og efter afslutning, som applikationen administrerer, med anmodninger om at åbne eller annullere.
Budgetmåler — Viser angivet brug i forhold til en grænse, selv når data mangler, eller grænsen er overskredet.
Gennemgå ændringer — Gennemgå filændringer leveret af applikationen og anmodninger om at beholde eller afvise hver ændringsblok.
Connectorstyring — Viser forbindelsesstatus og beder om at oprette forbindelse, afbryde eller prøve igen for forbindelser, som applikationen administrerer.
Tilladelsesbeslutning — Viser en afgrænset anmodning om tilladelse og sender brugerens valg om at tillade eller afvise videre til værtsapplikationen.
Tilladelsesregler — Viser applikationsdefinerede tilladelsesregler og beder om ændringer mellem tillad, spørg og afvis.
Agentkørsel — Hovedvisning for én agentkørsel med status, forløbet tid, aktuelt trin og omkostninger samt handlinger til at annullere og prøve igen.
Agentspor — Hierarkisk spor af agent og LLM med spantypefiltre og overførselsgenveje i én delt spanliste.
Godkendelseskø — Tastaturtilgængelig kø af værktøjsopkald, der bliver gennemgået og godkendt eller afvist gennem en enkelt dialog.
Artefaktpanel — Miljø for en agent-skabt artefakt med prøve-til-kode-skift, versionsnavigation og kopierings- og downloadhandlinger.
Browserramme — Visning af en agentcomputer med serier af skærmbilleder, skrivebeskyttet URL og kontroller til at tage kontrol.
Commitkort — Kompakt commit-oversigt med ændringsstatistik og filændringer, der fører til en diff.
Sammenligningspanel — Sammenligner to outputresultater side om side og stemmer på vinderen i modelevaluering.
Bekræftelsesbjælke — Ikke-modalt valg om at godkende eller afvise en foreslået agenthandling i transskriptionen.
Kontekstinspektør — Inspicerer segmenter af et modelkald, der indeholder token-estimater, citater, skjoldmærker og kopierings- eller eksporthandlinger.
Evalueringsdatasæt — Filtrerbar og tagbar liste over evalueringseksempler med tilføjelse, sletning, import og eksport.
Evalueringsresultat — Bedømmelse og anmeldelse for at sammenligne resultaterne af et evalueringseksempel.
Evalueringsudførelse — Live fremskridt for en evalueringsserie med generel fremgang og udvidelig begrundelse og værktøjsspor pr. eksempel.
Politikoversigt — Skrivebeskyttet liste over sikkerhed, samtykke, privatliv og værktøjsregler med tilgængelige forklaringer til at tillade, nægte eller yderligere gennemgang.
Span-vandfald — Vandret tidslinje for agentspænder som statusfarvede bjælker på en delt tidsakse.
Stacktrace — Konverterer JS/TS, browser- og Python-stacksporinger til klikbare rammer og skjuler interne rammer.
Opgaveliste — Live, udvideligt overblik over en agentplan med status pr. trin og underordnede trin.
Terminal — Skrivebeskyttet ANSI-konsol til indgående agent- eller værktøjsoutput med søgning og automatisk sporing.
Testresultater — Oversigt over beståede og mislykkede tests med tællinger efter status, filtre og automatisk udvidede fejldetaljer.
Tænkepanel — Udvidbart panel til den aktuelle eller retrospektive begrundelse for en AI-agent.
Værktøjsgodkendelsesdialog — Menneskelig godkendelse, nægtelse eller redigering af et foreslået værktøjskald før udførelse.
Værktøjsopkaldsblok — Udvidelig blok for et værktøjskald med argumenter, fejl og resultat.
Værktøjskaldsetiket — Kompakt etiket med navn, status og varighed af et værktøjskald.
Værktøjsparameterformular — Opretter en redigerbar formular fra et plan JSON-skema for at tilpasse kaldeargumenter.
Værktøjsresultatdialog — Modalt vindue, der viser status, varighed og alle resultatdetaljer for et værktøjskald.
Visning af værktøjsresultat — Viser resultatet af et værktøjskald via en registreret renderer, med JSON som et alternativ.
Dialogboks til valg af værktøj — Søgbar, kategorigrupperet dialogboks for at vælge aktiverede agentværktøjer.
Værktøjets tidslinje — Opkald til kronologisk agentværktøj med genforsøgstælling, menneskelig godkendelse og afskærmning af følsomme felter.
Sportræ — Udvidbart spændviddehierarki for en agent eller LLM-spor med varighedslinje og valgfri token- og omkostningskolonner.
Resultatkort — Skitseret kort, der giver brugerdefinerede værktøjsresultatrenderere en ensartet kompakt stil.
Resultatfelt — Kompakt etiketværdirække til værktøjsresultatkort og tætte metadata.
MCP App — Kører en MCP App-ressource i et isoleret miljø og sender applikationsanmodninger som indtastede hændelser.
Promptstudio — Leverandøruafhængigt arbejdsområde til at redigere, se, versionskontrol, gemme og køre strukturerede prompter.
Skemafremviser — Inspicerer valgbare JSON skematræer med begrænsninger, obligatoriske felter, sammensætningsgrene og valideringsproblemer.
Subagentpanel — Viser et administreret hierarki af underagentkørsler med status, opgave, model, fremskridt og livscyklushandlinger.

Søge- og vidensgrafer

Fællesskabskort — Oversigtskort for et fællesskab i en vidensgraf med medlemsetiketter og et klik.
Embedding-udforsker — Tilgængeligt 2D-punktdiagram over embeddingkoordinater projiceret af værtsapplikationen, med valgfrie klyngefarver og punktvalg.
Enhedskort — Filkort for en enhed i en vidensgraf med typebadge, egenskaber, grad og handling for at fokusere på entiteten.
Enhedsetiket — Indlejret @entity-omtale i agenttekst, med forhåndsvisning på hover eller fokus.
Entitetsdossier — Detaljeret visning af en enhed med overskrift, konfidensmål og faner for relationer, understøttende fragmenter og oprindelse.
Graf — Visualiserer relationer som et glidende og zoombart netværksdiagram.
Grafsignatur — Nodetypeforklaring, der også fungerer som et synlighedsfilter.
Indtagskø — Administreret liste over dokumenter i en behandlingspipeline med fase, fremskridt, mængder, og prøv igen eller annuller anmodninger.
Vidensbase — Kildeliste til en videnbase, der viser synkroniseringsstatus, indekstilstand, tilladelser og administrationshandlinger pr. række.
Administration af vidensbase — Administrationsmiljø med faner til videnbaseressourcer og indlæsningskø, som videregiver administrationshandlinger til applikationen.
Udforskning af vidensgraf — Miljø til at udforske vidensgrafer med visualisering, enhedssøgning, typefiltre, naboudvidelse og stisøgning.
Mindmap — Radialt udvideligt emnetræ til rumligt at udforske et hierarki.
Naboliste — Relationsrækker for én enhed med navigation og udvidelse i grafen pr. række.
Nodepalette — Søgbart, kategoriseret nodebibliotek til at trække eller slippe noder på et flowlærred.
Stistrimmel — Kompakt, rulbar noderelationskæde til en GraphRAG-ræsonneringssti.
Fragmentinspektør — Rangeret liste over fundne RAG uddrag med relevansscore og direkte link til en dokumentfremviser.
Citatmærke — Citatmarkør [n] i tekst med hover preview og farve for pålidelighed eller verifikation.
Opsummering af kildebelæg — Oversigt pr. påstand med antal støtte, citationsdækning, pålidelighed, advarsler og bevishenvisninger.
Hukommelsespanel — Arbejdshukommelse for en agent, der involverer kortsigtet kontekst, langtidshukommelser, pålidelighed og handlinger efter bekræftelse.
Oprindelsespanel — Viser underbyggelsen af ét svar som en udfoldelig oversigt over entiteter, relationer, fællesskaber og fragmenter.
RAG-svar — Understøttet svar med sikker Markdown, citatmærker, begrundelsesvurdering og ekspanderbare kildeeksempler.
Forskningsfremskridt — Viser forskningstrin leveret af applikationen, antal kilder og samlede fremskridt.
Søgeresultater — Rangeret liste over fundne fragmenter med deduplikering, kildeformat, valg og kompakt eller udvidet visning.
Find kilder — Søgelinje til hentning eller RAG med filter- og områdeetiketter, valg mellem vektor, søgeord og hybridsøgning og statusfeedback.
Søgespor — Tidslinje for søgepipeline-stadier med ekspanderbart bevis til omskrivning, indlejring, hentning, omarrangering og filtrering.
Kildekort — Citatkort med kildetitel, side, uddrag og udvidelig fuldtekst.
Kildeliste — Udvidbart ressourcepanel, der grupperer citatkort fra en chatbesked under én overskrift.
Kildevælger — Afkrydsningsfelttræ, der bestemmer, hvilke kilder der understøtter det næste svar, med trefolds mappestatus, vælg alle og søg.
Beviser for påstande — Test genererede udsagn mod citater med støttestatus, pålidelighed og beviser.
RAG evalueringskontrolpanel — Viser RAG kvalitetsmålinger, trends, evalueringsstykker og eksekveringshistorik baseret på resultater beregnet af applikationen.
Sammenlign søgeresultater — Sammenligner rangerede søgeresultater og omrangerer side om side med overlap og opdeling af scores.

Formularer og input

Knap — Tokenstyret handlingsknap med tonevarianter, størrelser og indlæsningsstatus.
Afkrydsningsfelt — Boolesk formularkontrol med valgt, uvalgt og ubestemt tilstand.
Gruppe af afkrydsningsfelter — Samler beslægtede afkrydsningsfelter i ét formularfelt med validering og flere valgmuligheder.
Kodeeditor — Kodeeditor til flere linjer uden afhængigheder, med valgfrie linjenumre.
Farvevælger — Native farveinput til formularer med etiket, forklaring og valideringsfejl.
Udvalgsliste med søgefelt — Filtrerbar enkelt eller flere markeringer via et tekstfelt og en rulleliste.
Indtastning af dato — Datofelt med kalender-popover og en ISO-8601-værdi.
Datovælger — Kalender med månedsvisning for én dato eller et datointerval.
Emoji-vælger — Søgbar, tastaturbetjent emojivælger til formularer.
Ikonknap — Udfører en handling med en kompakt, tilgængelig knap, der kun viser et ikon.
Indtastningsfelt — Tekstfelt på én linje med valgfri etiket, forklaring og valideringsmeddelelse.
Landevælger — Vælger lande- og områdekoder med oversatte navne, flag og valgfri søgning.
Valutavælger — Vælger valutakoder med oversatte navne, symboler og valgfri søgning.
Tidszonevælger — Vælger tidszoneidentifikatorer fra en ordnet liste med valgfri søgning.
Enhedsvælger — Vælger måleenheder med oversatte navne, symboler og valgfri søgning.
Lokalitetsvælger — Fast rullemenu til at skifte den aktive lokalitet ud fra bibliotekets eget lokalitetsregister.
Indtastning af tal — Numerisk felt med minimum-, maksimum- og trinstørrelse, plus indbygget validering.
Valgmulighed — Valgbar mulighed, der giver værdi, etiket, gruppe og status til en listeboks.
Telefonindtastning — Telefonfelt med landegenkendelse og en kanonisk E.164-formularværdi.
Radioknap — Formularkontrol til at vælge én mulighed fra en gruppe.
Gruppe af radioknapper — Mærket gruppe af radioknapper, der kan styres med tastaturet.
Vurderingsskema — Tilpasselig vurderingsformular med score, kategori og kommentarer og et indsend-og-følg flow til en evalueringskø.
Udvalgsliste — Lukket rulleliste for at vælge én mulighed fra et fast sæt.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Skyderkontrol — Numerisk områdekontrol for indstillinger såsom LLM temperatur eller lydstyrke.
Farveprøvevælger — Vælger til én farve fra et lille fast sæt, med indbygget radiogruppesemantik.
Kontakt — Boolean on-off kontrol med skiftende semantik for native former.
Tekstområde — Tekstfelt til flere linjer med automatisk højde, validering og formularfunktioner.
Tidsindtastning — Segmenteret tidsfelt tilpasset lokaliteten med tilknyttet kolonnevælger; browserens native alternativ er lr-native-time-input.
Tidsinterval — Valg af to håndtag for en start- og slutværdi inden for et numerisk område.
Til/fra-knap — Selvstyret knap, der slår en indstilling til eller fra ved hjælp af aria-pressed semantik.
Gruppe af skifteknapper — Samler til/fra-knapper bag ét tabulatorstop med mulighed for flere valg eller et enkelt valg, der kan fjernes.
Native tidsinput — Native browser-tidsvælger med Lyra-etiket, forklaring og validering; til brug i stedet for den segmenterede lr-time-input.
Engangskodeindtastning — Segmenteret felt til en engangsbekræftelseskode med automatisk udfyldning via SMS.
Vælgerknap — Enkeltvalgskontrol formet som en knap i stedet for en cirkel, normalt grupperet i en segmenteret kontrol med lr-radio-group.
Token-indtastning — Formularfelt til en liste over flytbare tokens, såsom tags eller modtagere.

Datavisning

Grafforespørgselsbygger — Formularbaseret editor til typede grafrelationer eller stiforespørgsler med entitetsankre, typefiltre, grænser for antal trin og gemte forespørgsler.
Kalender — Responsiv månedskalender med begivenhedsmarkører og en tilgængelig kalendervisning.
Kontekstmåler — Segmenteret måler som en bjælke eller ring til et symbolsk budget eller kontekstvindue.
Dokumentbibliotek — Søgbar og filtrerbar dokumentliste med versioner, tags, ejere, aktuelle begivenheder, sortering og gruppevalg.
Miljøliste — Beskyttet nøgleværdiliste for miljøvariabler og hemmeligheder, med række-for-række-visning og kopi.
Filtræ — Filudforsker baseret på trækomponenten med Git-statusmærker og udskudt mappeindlæsning.
Flowcanvas — Glidende og zoombart lærred til at bygge og køre visuelle DAG arbejdsgange.
Flowkontroller — Knapgruppe til zoom, tilpasning og låsning af et flowlærred.
Flow-minikort — Oversigtskort i hjørnet med trækbart viewport-rektangel til et flow-lærred.
Flownode — Kort til en arbejdsgangsknude med overskrift, statusfarve og forbindelseshåndtag.
Flowkørselsstatus — Viser outputstatus på et flowlærred og en kompakt oversigt pr. trin.
Tragtdiagram — Viser opdelinger pr. trin som søjler normaliseret til det første trin.
Måler — Viser én værdi som radial meter, ring eller linje.
Varmekort — Tegner et matrix- eller kalendergitter med værdier som et lærredsvarmekort, der reagerer på ændring af størrelse.
Sideinddeling — Kontrollerbar sidenavigation med redigerbart sidespring og oversigt over emneområde.
Betingelsesbygger — Komponerbar forespørgselsbygger til tabeller eller dashboards med felt/operator/værdi-rækker og EN/OF kombination.
Seriestrimmel — Kompakt strimmel, der viser en række kategoriske tilstande som farvede celler, med valgfri fremhævning.
Minigraf — Tegner en kompakt SVG-tendens som en linje, udfyldt område eller søjler for en dataserie.
Nøgletal — Viser én KPI med enhed, trendlabel, opdelingsrækker og valgfri minigraf.
Tabel — Datatabel med sorterbare overskrifter, udvælgelse, filtrering og paginering.
Tidslinje — Forbundet sæt af tidligere hændelser til revisionsspor, agenthistorik og ændringslogfiler.
Tidslinjeelement — Én begivenhed på en tidslinje med farvefremhævning, titel, tidsstempel og beskrivelse.
Træstruktur — Udvidbart hierarki for grafer, dokumenter eller filtræer.
Træknude — Rekursiv sekvens for en node og dens børn i et træ.
Ordsky — SVG ordsky uden afhængigheder, der skalerer ord efter deres vægt.
Datagitter — Virtualiseret gitter til store eller serverbaserede datasæt med sortering, filtrering, gruppering, paginering og valg.

Diagrammer

Søjlediagram — Sammenligner værdier mellem kategorier med lodrette eller vandrette streger.
Boksplot — Opsummer fordelinger med forudberegnet fem-tal statistiske oversigter.
Boblediagram — Tegner tre dimensioner pr. punkt via x- og y-position og bobleradius.
Diagram — Core wrapper for Chart.js, der driver linje-, søjle-, tærte- og andre datagrafer.
Ringdiagram — Viser deles forhold til helheden som segmenter af en ring.
Histogram — Inddeler numeriske værdier i lige store klasser for at afsløre deres fordeling.
Linjediagram — Sporer tendenser langs en kontinuerlig akse med en eller flere forbundne serier.
Enkelt diagram — Søjle- og linjegraf uden afhængigheder, tegnet som almindelig SVG; Chart.js er ikke nødvendig.
Cirkeldiagram — Viser andelen af én serie i en helhed.
Polært områdediagram — Tegner hver kategori som en sektor, hvis størrelse afhænger af dens værdi.
Radardiagram — Sammenligner flere metrikker fra en serie i et radialt gitter.
Punktdiagram — Punktsky af rå x/y-par på lineære akser.

Layout og navigation

Harmonika — Styrer en gruppe udfoldelige paneler og kan holde flere åbne på samme tid.
Harmonikaelement — Udfoldelig panel til brug i en harmonikagruppe.
Appnavigationsbjælke — Responsiv navigationslinje, der skifter fra fuld til ikoner og derefter til en mobil overlejring.
Navigationslinjegruppe — Navngivet, muligvis udvidelig sektion med navigationselementer i en app-bar.
Navigationslinjeelement — Navigationselement med ikon og etiket, som, når den er sammenklappet, kun viser ikonet.
Brødkrummespor — Responsiv navigationssti, der viser brugerens plads i sidehierarkiet.
Brødkrummeelement — Link eller etiket til den aktuelle side i et brødkrummespor.
Knapgruppe — Samler beslægtede handlingsknapper i én responsiv gruppe med etiket.
Kort — Skitseret indholdsområde med steder til sidehoved, medier, sidefod og handlinger.
Karrusel — Tilgængelig karrusel med et dias ad gangen, tastaturnavigation, indikatorer, gentagelse og autoplay.
Karruselelement — Valgfri semantisk diasholder, der konsekvent formaterer et karruselbarn.
Kommandopalet — Søgbar menu med programkommandoer, tastaturnavigation og tastaturgenveje.
Kontrolgruppe — Samler flere formularfelter og handlingsknapper i én responsiv, centreret værktøjslinje.
Dashboardgitter — Responsivt, tastaturtilgængeligt widgetgitter, der viser positioner og problemer med flytning, ændring af størrelse og kollisionsanmodninger.
Detaljer — Tilgængeligt rullemenu, der afslører indhold under en oversigt.
Dockpanel — Panel i kanten af et eksisterende layout, der kan ændres størrelse, reduceres og skjules.
Detaljepanel — Styret navigation fra et diagram- eller tabelpunkt til relateret dokumentation, dokumenter, entiteter eller agentkørsler med brødkrummesti.
Rullemenu-element — Web Awesome-kompatibelt alias for én handlingsrække i en rullemenu.
Filterbjælke — Dashboard-filterrække med Lyra-indtastningsfelter og flytbare etiketter, plus nulstilling og indlæsningsstatus.
Menu — Semantisk handlingsmenu med kontinuerlig fokus og indlejrede undermenuer.
Menupunkt — Enkelthandlingsrække i en menu med valgfrit ikon, afkrydsningsfelt eller destruktiv stil.
Sorter element — Række i en genbestillingsliste med op- og ned-knapper og gratis indhold.
Omarrangerbar liste — Generisk liste, hvis rækker kan flyttes via knapper eller Ctrl/Cmd+pil.
Menumærkat — Ikke-interaktiv sektionsoverskrift til at gruppere relaterede emner i en menu.
Menulinje — Vandret programmenulinje med rullemenuer og fuld tastaturkontrol.
Menulinjeelement — Hovedelement, der åbner en tilsvarende menu eller fungerer som en almindelig handling.
Navigationsmenu — Sidehoved med links og drop-down paneler, der forsvinder bag en menuknap på grund af pladsmangel.
Navigationsmenupunkt — Sidelink eller knap, der åbner et rullepanel i navigationsmenuen.
Side — Semantisk applikationsmiljø, hvis navigation skifter mellem skrivebordssøjle og mobil modalskuffe baseret på tilgængelig plads.
Responsivt panel — Viser indhold på skrivebordet på siden og på mobilen som et overlejringspanel.
Glidende område — Responsivt overløbsområde med valgfri forrige og næste knapper til kort og faner.
Segmenteret valg — Række af knapper til hurtigt at vælge en af flere mærkede muligheder.
Flere opdelte paneler — Opdeler et instrumentbræt i trækbare justerbare paneler, der foldes responsivt.
Opdelt panel — Inddeler indholdet i to justerbare dele med en opdeler; enklere end lr-multi-split.
Trinvis guide — Guider brugerne gennem en sekventiel guide med status for trin og navigation til trin.
Faner — Fanebjælken viser ét lys DOM panel ad gangen med fuld tastaturkontrol.
Tab — Web Awesome/Shoelace-kompatibel fanebeskrivelse, der hører til et panel i en fanegruppe via panel og navn.
Fanepanel — Web Awesome/Shoelace-kompatibel panelbeskrivelse knyttet til en fane via navn og panel.
Virtuel liste — Liste, der kun tegner synlige rækker for store samlinger, der kan rulles.
Widget — Panel med titel og valgfri sammenbrud og fuldskærmsknapper.

Overlejringer og feedback

Notifikationsområde — Stakområde, der forankrer korte meddelelser til et skærmhjørne.
Meddelelse — Separat meddelelse, der kan lukkes, med hastefarve, valgfrit ikon og timer for automatisk lukning.
Tag — Lille etiket til tag, filter eller rækkevidde, eventuelt aftagelig eller omskiftelig.
Etiketgruppe — Ombryder en række etiketter med en valgfri +N-knap, hvis de overskrider grænsen.
Advarsel — Standard lukket notifikation, der kan forsvinde efter et stykke tid og eventuelt overføres til den delte notifikationsstak.
Badge — Kompakt statuslabel for tilstand, mængde eller kategori.
Tekstramme — Indlejret notifikation for status, advarsel eller fejl, som kan lukkes.
Genvejsmenu — Gør ethvert område til et mål for højreklik, lang tryk eller Shift+F10 for at åbne en handlingsmenu.
Dialog — Modalt vindue med fokusbegrænsning til bekræftelser, formularer og andre forstyrrende opgaver.
Skydepanel — Skyder et modalt panel ind fra en skærmkant til filtre eller kontekstuelle kontroller.
Rullemenu — Menu-popover, der linker en handlingsliste til en brugerleveret knap.
Tom tilstand — Viser, at data mangler med et ikon, besked og valgfri handlinger.
Genvejstast — Platform-bevidst etiket, der viser en tastekombination som tastehætter.
Popover — Flydende overflade, der klikker, åbnes og lukkes nemt for kontekstuelt indhold og kontrol.
Popup — Forankret positionsbase, der holder et flydende panel ved sit anker; også brugt af popovers og værktøjstip.
Fremdriftslinje — Vandret fremskridtsindikator med eller uden kendt værdi, eventuelt med et tal.
Fremdriftsring — Rund fremskridtsindikator med eller uden kendt værdi og en etiket i midten.
Vurdering — Tastaturbetjent stjerneklassificering med delvist udfyldte stjerner.
Indlæsningspladsholder — Animeret pladsholder til indhold under indlæsning.
Indlæsningsindikator — Angiver en kørende baggrundsopgave med en ubestemt animation.
Tag — Semantisk variant af badget for søgeord eller kategorier.
Værktøjstip — Beskrivelse, der vises ved svæv eller fokus for en brugerleveret knap.

Dokument- og filfremvisere

Arkivfremviser — Viser filnavne og udpakkede størrelser i et ZIP-arkiv uden at udpakke filer.
Kalenderfremviser — Læser en .ics-fil og viser aftaler med oversigt, tid og sted.
Kontaktfremviser — Henter et vCard og viser et tilgængeligt kort for hver kontakt.
CSV-fremviser — Henter en CSV-fil og viser dens rækker i et virtuelt, rulbart regneark.
Datasætfremviser — Henter afgrænset tekst og viser den som en indtastet, tilgængelig datatabel.
Dokumentsammenligning — Sammenligner to dokumentversioner side om side eller under hinanden med tekstdiff og gengivet forhåndsvisning.
Dokumentforhåndsvisning — Viser et dokument eller en vedhæftet fil på siden baseret på typen MIME, med mulighed for download som alternativ.
Dokumentfremviser — Viser et dokument i en dialogboks via et udvideligt register af MIME renderere.
DOCX-fremviser — Konverterer en DOCX-fil, der indeholder mammoth til sikker semantisk HTML.
E-bogsfremviser — Viser en EPUB med kapitelnavigation via den valgfrie afhængighed epub.js.
E-mailfremviser — Læser en .eml-meddelelse og viser overskrifter, sikkert indhold og vedhæftede filer.
GeoJSON-fremviser — Henter og validerer en GeoJSON-fil og viser dens elementer på et kort.
Fremhævningslag — Overlæg klikbare fremhævningsrektangler på placeret dokumentindhold.
HTML-fremviser — Henter en URL og viser HTML pengeskabet efter rengøring.
Indsæt — Henter et HTML-uddrag og indsætter det på siden som sikkert let DOM-indhold.
Notebook-fremviser — Skrivebeskyttet visning af en Jupyter notesbog med Markdown, kode og rig celleoutput.
Sideoversigt — Virtualiseret lodret bjælke med sideminiaturer til at gennemse et dokument.
PDF-fremviser — Henter og viser PDF sider med zoom, paginering og valgbart tekstlag.
PPTX-fremviser — Browserbaseret fremviser til PowerPoint-præsentationer i PPTX-format, hvor det er muligt.
Regnearkfremviser — Henter .xlsx og ældre .xls projektmapper og viser faneblade og virtualiserede rækker.
SVG-fremviser — Henter et SVG dokument fra en URL og viser det sikkert efter rengøring.
XML-fremviser — Udvidbart, kopierbart træ for at se XML dokumenter.

Medier og filer

Vedhæftningschip — Kompakt etiket til en vedhæftet fil til en besked, der viser uploadstatus, fremskridt og prøv igen.
Avatar — Lille identitetsmarkør med alternativt ikon, billede eller initialer.
Bevægende billede — Afspiller en GIF, APNG eller WebP med pauseknap, der respekterer reduceret bevægelse.
Animation — Animerer indhold deklarativt med navngivne forudindstillinger eller brugerdefinerede keyframes.
Vedhæftningsknap — Kompakt knap i chatinput, der åbner en filvælger eller funktionsmenu.
Lyd- og videoafspiller — Afspiller med synkroniseret transskription, bølgeform og afspilningshastighed.
Avatargruppe — Stabler overlappende avatarer i en kompakt række og opsummerer yderligere personer som +N.
Slipområde — Gør ethvert område til et træk-og-slip-filmål uden sin egen filvælger.
Filikon — Lokaliseret badge for filtypen, afledt af MIME type eller filnavn.
Filinput — Træk og slip eller klik på det område, der passerer valgte filer.
Flag — Lande- eller sprogflag i en tilpasningsdygtig, eventuelt rund ramme.
Billedsammenligner — Skyder en tastatur-tilgængelig skillelinje for at sammenligne før og efter side om side.
Billedfremviser — Rasterbilledfremviser med panorering, zoomning, fremhævede mærker og valgfrie annoteringer.
Lysboks — Modal billedfremviser på fuld skærm med forrige/næste og zoom.
Kort — MapLibre GL kort med deklarativ forklaring, choropleth og markører.
Mediekort — Se eksempel på billede, video eller fil vedhæftet fil i en chatbesked.
Panorering og zoom — Skydevindue for at panorere og forstørre indhold eller et enkelt billede inden for zoomgrænser.
Afspilningssekvens — Afspilningskontrol, der træder et indeks gennem et område med en fast timer.
QR-kode — Koder en værdi som et scanbart QR-symbol på lærredet.
Video — On-side videoafspiller med brugerdefinerede kontroller, valgbare undertekster og forhåndsvisninger af miniaturebilleder.
Videoafspilningsliste — Afspiller videoer på en rulleliste og fortsætter automatisk bagefter.
Zoombar ramme — Eksempel i en afskærmet iframe med faste zoomniveauer; den tidligere indholdsrepræsentation kaldes lr-pan-zoom.

Værktøjer

Intersection Observer — Sender indbyggede sektionsdata, når indhold kommer ind i eller forlader visningsporten.
Mutationsobservatør — Overvåger DOM indhold for element- og attributændringer og videregiver native mutationsposter.
Resize Observer — Overvåger elementer og kommunikerer indtastede formatændringer uden synlige kontroller.
Kopieringsknap — Ikonknap, der kopierer tekst til udklipsholderen og viser et flueben.
Differensvisning — Beregner linjeforskellen mellem to tekster og viser en farvekodet samlet forskel.
Skillelinje — Tematisk semantisk linje, der deler indhold vandret eller lodret.
Eksportknap — Downloader tabeldata som CSV eller JSON, direkte eller via en formateringsmenu.
Formater bytes — Formaterer bytestørrelser i henhold til lokalitet, med justerbar enhed og præcision.
Formater dato — Formaterer dato og klokkeslæt i henhold til lokalitet via Intl.DateTimeFormat.
Formater nummer — Formaterer tal, valuta og kompakte værdier i henhold til lokaliteten via Intl.NumberFormat.
Ikon — Tegner skarpe SVG ikoner fra indbyggede stier uden afhængigheder.
JSON-fremviser — Udvidbart, kopierbart træ til vilkårlige JSON data.
Kendt dato — Indtastning med tre felter for dag, måned og år på en dato, som brugeren allerede kender.
Liveområde — Visuelt skjult ARIA live-område, der dispenserer skærmlæsermeddelelser.
Omtaler menu — Markørforankret færdiggørelse for @-omtaler og skråstregkommandoer i et tekstfelt.
Opdater status — Tæller ned til den næste planlagte opdatering med pause og genoptagelse.
Vekslende indhold — Skift indhold tilfældigt eller i rækkefølge, for eksempel til A/B-tekster og udtalelser.
Relativ tid — Viser et tidsstempel i henhold til lokaliteten og opdaterer det automatisk.
Guidet tur — Guidet introduktion til fremhævede dele og sekventielle trin.
Visuelt skjult — Skjuler indhold visuelt, men holder det tilgængeligt for skærmlæsere; når den er fokuseret, bliver den synlig.