Alla komponenter

Utforska alla 308 Lyra UI-komponenter. Filtrera efter familj, sök på namn och prova tillgängliga förhandsgranskningar eller öppna ett dokumenterat exempel.

Samtal och chatt

Agentarbetsyta — Responsiv, hanterad miljö för en AI konversation med transkription, inmatningsfält och valfri panel för exekvering, verktyg, resurser, motivering och sammanhang.
Audiovisualisering — Talaktivitet ritad på duk som visar en agents ledighet, lyssnande, tänkande eller taltillstånd.
Variantväljare — Kontrollerbar navigering mellan återskapade eller redigerade varianter av ett enskilt chattmeddelande.
Chattinmatning — Utvecklande meddelandefält med inbyggda skicka- och stoppknappar.
Chattmeddelande — Chattbubbla per roll med avatar, märken och en statusberoende sidfot.
Chattfönster — Scrollbar transkription med automatisk spårning av nya inlägg, knapp för att hoppa till det senaste och avdelare för olästa inlägg.
Återställningspunkt — Återställningspunkt i en konversation med bekräftelse innan chatten återgår till ett tidigare tillstånd.
Kodblock — Kodvy med valfri uppskjuten syntaxmarkering och kopieringsknapp.
Grundläggande kodblock — Kompakt kodvy som endast framhäver med förinställda grammatikregler.
Konversationsobjekt — Valbar rad från chatthistoriken med titel, förhandsgranskning och tidsstämpel för en session.
Genereringsmått — Visar förfluten tid, tokens och genomströmning medan ett AI-svar kommer.
Överlämningslinje — Märkt separation som markerar överföringen mellan agenter i ett transkript.
Markdown — Säker konvertering från Markdown till HTML, med GFM tabeller, kod och länkar.
Grundläggande Markdown — Kompakt Markdown-vy som endast markerar kodblock med förinställda grammatikregler.
Meddelandeåtgärder — Verktygsfält per chattmeddelande med kopiera, återskapa, redigera och feedback.
Meddelandefeedback — Tummen upp eller ner för ett assistentmeddelande, med valfri orsak och förklaringspanel.
Modellval — Väljare för leverantör och modell, med fast katalog eller gratis inträde.
Modellinställningar — Länkad modellväljare och temperaturreglage för att ställa in ett medel.
Tryck för att tala — Mikrofonknapp som hanterar hela cykeln av samtycke, inspelning och uppsägning för att trycka och hålla nere eller byta.
Strömstatus — Visar fasen för en stream-anslutning och känner av driftstopp via hjärtslag.
Inkommande text — Ritar assistenttext stegvis och paketerar snabba tokenuppdateringar.
Grundläggande strömtext — Kompakt textdisplay vars Markdown-läge endast markerar kodblock med förinställda grammatikregler.
Förslagsetiketter — Rullbar rad med start- eller uppföljningsmeddelanden som skickar den valda texten till applikationen.
Konversationslista — Grupperat, sökbart sidofält med åtgärder för att fästa, arkivera, ta bort eller byta namn på konversationer.
Avskriftsflöde — Live undertexter för en pågående röstsession, med preliminär till slutlig konvertering och automatisk spårning.
Skrivindikator — Visuell signal om att assistenten förbereder ett svar.
Användningsmärke — Kompakt stapel som visar tokens, kostnad och fördröjning per meddelande eller exekvering, med detaljer om hovring.
Röstväljare — TTS röstval från en medföljande katalog, med inbyggd ljudförhandsvisning och äldre värdehantering.
Widget-renderare — Visar ett deklarativt JSON-widgetträd från en agentström via ett register över tillåtna typer och komponenter.
Meddelandekomponenter — Visar på varandra följande, sammanvävbara delar av ett AI-meddelande, såsom text, resonemang, verktyg, citat, bilagor och media.
Promptfält — Kombinerar snabbskrivning med bilagor, val av modell och röst, resurser, omnämnanden, kommandon och kövändningar.
Promptkö — Hanterar uppföljningsmeddelanden som kan redigeras, flyttas, raderas eller skickas omedelbart.
Röstsession i realtid — Leverantörsoberoende miljö för anslutning, aktivitet, transkription, inspelning, avstängning och paus under en röstsession.
Markeringsverktygsfält — Placerar frågor, citat, citat och kopiering bredvid vald text samtidigt som dokumentförankringen bibehålls.

Agentverktyg och övervakning

Aktivitetsöversikt — Kontinuerlig logg över enskilda agentåtgärder som kollapsar till en sammanfattning av genomförda steg.
Instrumentpanel för agentutvärdering — Hanterad utvärderingsöversikt med benchmark-kort, trenddiagram och statushistorik per körning.
Agentens fråga — Samlar in ett strukturerat svar på en fråga från en agent eller MCP-server, inklusive acceptera, avvisa och avbryta.
Bakgrundskörningar — Visar agentuppgifter i kön, under körning och efter slutförande som programmet hanterar, med begäran om att öppna eller avbryta.
Budgetmätare — Visar angiven användning mot en gräns, även när data saknas eller gränsen har överskridits.
Granska ändringar — Granska filändringar som tillhandahålls av applikationen och begär att behålla eller avvisa varje ändringsblock.
Anslutningshanterare — Visar anslutningsstatus och uppmanar att ansluta, koppla från eller försöka igen för anslutningar som programmet hanterar.
Behörighetsbeslut — Visar en avgränsad behörighetsförfrågan och meddelar applikationen om användaren tillåter eller nekar.
Behörighetsregler — Visar programdefinierade behörighetsregler och uppmaningar om ändringar mellan tillåt, fråga och neka.
Agentkörning — Huvudvy för en agentkörning med status, förfluten tid, aktuellt steg, kostnad och åtgärder för att avbryta eller försöka igen.
Agentspår — Hierarkiskt spår av agent och LLM, med spantypfilter och överföringsgenvägar i en delad spanlista.
Godkännandekö — Tangentbordstillgänglig kö av verktygsanrop som granskas och godkänns eller nekas genom en enda dialogruta.
Artefaktpanel — Miljö för en agentskapad artefakt, med prov-till-kod-växling, versionsnavigering och kopierings- och nedladdningsåtgärder.
Webbläsarram — Vy över en agentdator med serier av skärmdumpar, skrivskyddad URL och kontroller för att ta kontroll.
Commitkort — Kompakt commit-sammanfattning med ändringsstatistik och filändringar som leder till en diff.
Jämförelsepanel — Jämför två resultat sida vid sida och röstar fram vinnaren i modellutvärdering.
Bekräftelsefält — Icke-modalt val att godkänna eller neka en föreslagen agentåtgärd i avskriften.
Kontextinspektör — Inspekterar segment av ett modellanrop som innehåller tokenuppskattningar, citat, sköldmärken och kopierings- eller exportåtgärder.
Utvärderingsdatauppsättning — Filtrerbar och märkbar lista med utvärderingsexempel med lägg till, ta bort, importera och exportera.
Utvärderingsresultat — Betygs- och recensionsvy för att jämföra prestandan för ett utvärderingsexempel.
Utvärderingsutförande — Liveframsteg för en utvärderingsserie med generella framsteg och utbyggbar motivering och verktygsspår per exempel.
Policysammanfattning — Skrivskyddad lista över säkerhet, samtycke, sekretess och verktygsregler, med tillgängliga förklaringar för att tillåta, neka eller ytterligare granskning.
Span-vattenfall — Horisontell tidslinje för agentspännen som statusfärgade staplar på en delad tidsaxel.
Stacktrace — Konverterar JS/TS, webbläsar- och Python-stackspår till klickbara ramar och komprimerar interna ramar.
Uppgiftslista — Live, expanderbar översikt över en agentplan med status per steg och underordnade steg.
Terminal — Skrivskyddad ANSI-konsol för inkommande agent- eller verktygsutdata, med sökning och automatisk spårning.
Testresultat — Sammanfattning av godkända och misslyckade tester med räkningar efter status, filter och automatiskt utökade feldetaljer.
Tankepanel — Expanderbar panel för aktuellt eller retrospektivt resonemang för en AI-agent.
Verktygsgodkännandedialog — Mänskligt godkännande, förnekande eller redigering av ett föreslaget verktygsanrop före exekvering.
Verktygsanropsblock — Expanderbart block för ett verktygsanrop med argument, fel och resultat.
Verktygsanropsetikett — Kompakt etikett med namn, status och varaktighet för ett verktygsanrop.
Verktygsparameterformulär — Skapar ett redigerbart formulär från ett plan JSON-schema för att anpassa anropsargument.
Verktygsresultatdialog — Modalt fönster som visar status, varaktighet och alla resultatdetaljer för ett verktygsanrop.
Verktygsresultatvisning — Visar resultatet av ett verktygsanrop via en registrerad renderare, med JSON som ett alternativ.
Dialogrutan för val av verktyg — Sökbar, kategorigrupperad dialogruta för att välja aktiverade agentverktyg.
Verktygets tidslinje — Verktygsanrop för kronologiska agenter med återförsöksräkningar, mänskligt godkännande och avskärmning av känsliga fält.
Spårträd — Expanderbar spanshierarki för en agent eller LLM-spår, med varaktighetsfält och valfria token- och kostnadskolumner.
Resultatkort — Konturerad karta som ger anpassade verktygsresultatrenderare en konsekvent kompakt stil.
Resultatfält — Kompakt etikettvärdesrad för verktygsresultatkartor och tät metadata.
MCP App — Kör en MCP-appresurs i en isolerad miljö och skickar programförfrågningar som inskrivna händelser.
Promptstudio — Leverantörsoberoende arbetsyta för att redigera, visa, versionskontroll, spara och köra strukturerade uppmaningar.
Schemavisare — Inspekterar valbara JSON Schematräd med begränsningar, obligatoriska fält, sammansättningsgrenar och valideringsproblem.
Subagentpanel — Visar en hanterad hierarki av subagentkörningar med status, uppgift, modell, framsteg och livscykelåtgärder.

Sök- och kunskapsgrafer

Gemenskapskort — Sammanfattningskarta för en gemenskap i en kunskapsgraf, med medlemsetiketter och en genomklickning.
Embeddingutforskare — Tillgängligt 2D-punktmoln av applikationsprojekterade inbäddningskoordinater, med valfria klusterfärger och punktval.
Enhetskort — Arkivera kartan för en entitet i en kunskapsgraf, med typmärke, egenskaper, grad och åtgärd för att fokusera på entiteten.
Enhetsetikett — Inbäddat @entity-omnämnande i agenttext, med förhandsgranskning vid muspekaren eller fokus.
Entitetsdossier — Detaljvy av en enhet med rubrik, konfidensmått och flikar för relationer, stödjande fragment och ursprung.
Graf — Visualiserar relationer som ett glidande och zoombart nätverksdiagram.
Grafförklaring — Nodtypsförklaring som också fungerar som ett synlighetsfilter.
Intagskö — Hanterad lista över dokument i en bearbetningspipeline, med fas, framsteg, kvantiteter och försök igen eller avbryt begäranden.
Kunskapsbas — Källlista för en kunskapsbas som visar synkroniseringsstatus, indexstatus, behörigheter och hanteringsåtgärder per rad.
Kunskapsbashantering — Hanteringsmiljö med flikar för kunskapsbasresurser och inmatningskö, som skickar hanteringsåtgärder till applikationen.
Kunskapsgrafutforskare — Miljö för att utforska kunskapsgrafer med visualisering, entitetssökning, typfilter, grannexpansion och sökväg.
Tankekarta — Radiellt expanderbart ämnesträd för att utforska en hierarki i rummet.
Grannlista — Relationsrader för en enhet, med navigering och expansion i diagrammet per rad.
Nodpalett — Sökbart, kategoriserat nodbibliotek för att dra eller släppa noder på en flödesduk.
Banremsa — Kompakt, rullningsbar nodrelationskedja för en grafRAG resonemangsväg.
Fragmentinspektör — Ranglista över hittade RAG utdrag med relevanspoäng och direktlänk till en dokumentvisare.
Citatmärke — Citatmarkör [n] i text med förhandsgranskning och färg för tillförlitlighet eller verifiering.
Sammanfattning av källstöd — Översikt per påstående med antal stöd, hänvisningstäckning, tillförlitlighet, varningar och bevishänvisningar.
Minnespanel — Arbetsminne för en agent, som involverar korttidskontext, långtidsminnen, tillförlitlighet och handlingar efter bekräftelse.
Ursprungspanel — Visar underbyggandet av ett svar som en utvikbar översikt över enheter, relationer, gemenskaper och fragment.
RAG-svar — Svar som stöds med säker Markdown, citatmärken, motiveringsbetyg och expanderbara källexempel.
Forskningsförlopp — Visar forskningssteg som tillhandahålls av ansökan, antal källor och totala framsteg.
Sökresultat — Rangordnad lista över hittade fragment med deduplicering, källformat, urval och kompakt eller utökad visning.
Hitta källor — Sökfält för hämtning eller RAG, med filter- och intervalletiketter, val mellan vektor, nyckelord och hybridsökning och statusfeedback.
Sökspår — Tidslinje för sökpipelinestadier med expanderbara bevis för omskrivning, inbäddning, hämtning, omordning och filtrering.
Källkort — Citatkort med källtitel, sida, utdrag och expanderbar fulltext.
Källlista — Expanderbar resurspanel som grupperar citatkort från ett chattmeddelande under en rubrik.
Källväljare — Kryssrutaträd som avgör vilka källor som stöder nästa svar, med trefaldig mappstatus, välj alla och sök.
Bevis för påståenden — Tester genererade uttalanden mot citat med stödstatus, tillförlitlighet och bevis.
RAG-utvärderingspanel — Visar RAG kvalitetsmått, trender, utvärderingsbitar och exekveringshistorik baserat på resultat som beräknats av applikationen.
Jämför sökresultat — Jämför rankade sökresultat och omrankningar sida vid sida, med överlappning och uppdelning av poäng.

Formulär och input

Knapp — Åtgärdsknapp med designtokenbaserade tonvarianter, storlekar och laddningsstatus.
Kryssruta — Boolesk formulärkontroll med markerat, omarkerat och obestämt läge.
Grupp av kryssrutor — Samlar relaterade kryssrutor i ett validerat flervalsfält för formulär.
Kodredigerare — Kodredigerare för flera rader utan beroenden, med valfria radnummer.
Färgväljare — Inbyggd färginmatning för formulär med etikett, förklaring och valideringsfel.
Urvalslista med sökfält — Filtrerbar enkel- eller flervalslista med textfält och utfällbar lista.
Datuminmatning — Datumfält med popover för kalendern och ett värde på ISO-8601.
Datumväljare — Kalender med månadsvy för ett datum eller ett datumintervall.
Emojiväljare — Sökbar, tangentbordsstyrd emojiväljare för formulär.
Ikonknapp — Utför en åtgärd med en kompakt, tillgänglig knapp som bara visar en ikon.
Inmatningsfält — En rad textfält med valfri etikett, förklaring och valideringsmeddelande.
Landväljare — Väljer lands- och områdeskoder med översatta namn, flaggor och valfri sökning.
Valutaväljare — Väljer valutakoder med översatta namn, symboler och valfri sökning.
Tidszonsväljare — Väljer tidszonsidentifierare från en ordnad lista med valfri sökning.
Enhetsväljare — Väljer måttenheter med översatta namn, symboler och valfri sökning.
Språk- och regionväljare — Fast rullgardinslista för att byta aktiv språk- och regioninställning utifrån bibliotekets eget register.
Numeriskt fält — Numeriskt fält med minimi-, max- och stegstorlek, plus inbyggd validering.
Valmöjlighet — Valbart alternativ som ger värde, etikett, grupp och status till en listruta.
Telefoninmatning — Telefonfält med landsigenkänning och ett kanoniskt E.164-formulärvärde.
Radioknapp — Formulärkontroll för att välja ett alternativ ur en grupp.
Grupp av radioknappar — Märkt grupp av radioknappar som kan styras med tangentbordet.
Bedömningsformulär — Anpassningsbart betygsformulär med poäng, kategori och kommentarer och ett skicka-och-följ-flöde för en utvärderingskö.
Urvalslista — Stängd rullgardinslista för att välja ett alternativ från en fast uppsättning.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Skjutreglage — Numerisk områdeskontroll för inställningar som LLM temperatur eller volym.
Färgprovsväljare — Väljare för en färg från en liten fast uppsättning, med inbyggd radiogruppsemantik.
Brytare — Boolesk på/av-kontroll med brytarsemantik för inbyggda formulär.
Textområde — Flerrads textinmatning som växer automatiskt, med validering och formulärstöd.
Tidsinmatning — Segmenterat tidsfält anpassat till språk- och regioninställningen, med kolumnväljare; webbläsarens inbyggda alternativ är lr-native-time-input.
Tidsintervall — Val med två handtag för ett start- och slutvärde inom ett numeriskt område.
Växlingsknapp — Självhanterad knapp som aktiverar eller inaktiverar ett alternativ med aria-pressed semantik.
Grupp av växlingsknappar — Samlar växlingsknappar bakom ett enda tabbstopp, med flerval eller ett enstaka val som kan rensas.
Inbyggt tidsfält — Inbyggd webbläsares tidsväljare med Lyra-etikett, förklaring och validering; för användning istället för den segmenterade lr-time-input.
Engångskodinmatning — Segmenterat fält för en engångsverifieringskod, med autofyll via SMS.
Väljarknapp — Envalskontroll som är formad som en knapp i stället för en cirkel, oftast grupperad i en segmenterad kontroll med lr-radio-group.
Tokenfält — Formulärfält för en lista över borttagbara tokens, till exempel taggar eller mottagare.

Datavisning

Graffrågebyggare — Formulärredigerare för typade grafrelationer eller sökvägar, med entitetsankare, typfilter, steggränser och sparade frågor.
Kalender — Responsiv månadskalender med händelsemarkörer och en tillgänglig kalendervy.
Kontextmätare — Segmenterad mätare som en stapel eller ring för en symbolisk budget eller sammanhangsfönster.
Dokumentbibliotek — Sökbar och filtrerbar dokumentlista med versioner, taggar, ägare, aktuella händelser, sortering och gruppval.
Miljölista — Skyddad nyckel-värdelista för miljövariabler och hemligheter, med rad-för-rad-visning och kopia.
Filträd — Filutforskare baserad på trädkomponenten, med Git-statusmärken och uppskjuten mappladdning.
Flödesyta — Glidande och zoombar arbetsyta för att bygga och köra visuella DAG arbetsflöden.
Flödeskontroller — Knappgrupp för att zooma, anpassa och låsa en flödesduk.
Flödesminikarta — Översiktskarta i hörnet med dragbar vyportrektangel för en flödesduk.
Flödesnod — Karta för en arbetsflödesnod med rubrik, statusfärg och anslutningshandtag.
Status för flödeskörning — Visar utdatastatus på en flödesduk och en kompakt sammanfattning per steg.
Trattdiagram — Visar uppdelningar per steg som staplar normaliserade till det första steget.
Mätare — Visar ett värde som radiell mätare, ring eller linje.
Värmekarta — Ritar en matris eller en kalender med värden som en värmekarta för arbetsytan som svarar på storleksändring.
Paginering — Kontrollerbar sidnavigering med redigerbart sidhopp och sammanfattning av objektintervall.
Villkorsbyggare — Komponerbar frågebyggare för tabeller eller instrumentpaneler, med rader för fält/operator/värde och kombinationen EN/OF.
Serieremsa — Kompakt remsa som visar en rad kategoriska tillstånd som färgade celler, med valfri markering.
Minigraf — Ritar en kompakt SVG-trend som en linje, ett fyllt område eller staplar för en dataserie.
Nyckeltal — Visar en KPI med enhet, trendetikett, uppdelningsrader och valfritt minidiagram.
Tabell — Datatabell med sorterbara rubriker, urval, filtrering och paginering.
Tidslinje — Ansluten uppsättning tidigare händelser för granskningsspår, agenthistorik och ändringsloggar.
Tidslinjeobjekt — En händelse på en tidslinje med färgmarkering, titel, tidsstämpel och beskrivning.
Trädstruktur — Expanderbar hierarki för grafer, dokument eller filträd.
Trädnod — Rekursiv sekvens för en nod och dess barn i ett träd.
Ordmoln — SVG ordmoln utan beroenden som skalar ord efter deras vikt.
Datarutnät — Virtualiserat rutnät för stora eller serverbaserade datamängder, med sortering, filtrering, gruppering, paginering och urval.

Diagram

Stapeldiagram — Jämför värden mellan kategorier med vertikala eller horisontella staplar.
Lådagram — Sammanfatta fördelningar med förberäknade femsiffriga statistiska sammanfattningar.
Bubbeldiagram — Ritar tre dimensioner per punkt via x- och y-positionen och bubbelradien.
Diagram — Kärnomslag för Chart.js som driver linje-, stapel-, cirkel- och andra datadiagram.
Ringdiagram — Visar proportioner av delar till helheten som segment av en ring.
Histogram — Delar in numeriska värden i lika klasser för att avslöja deras fördelning.
Linjediagram — Spårar trender längs en kontinuerlig axel med en eller flera sammankopplade serier.
Enkelt diagram — Stapel- och linjediagram utan beroenden, ritade som vanliga SVG; Chart.js är inte nödvändigt.
Cirkeldiagram — Visar andelen av en serie i en helhet.
Polarområdesdiagram — Ritar varje kategori som en sektor vars storlek beror på dess värde.
Radardiagram — Jämför flera mätvärden från en serie i ett radiellt rutnät.
Spridningsdiagram — Punktmoln av råa x/y-par på linjära axlar.

Layout och navigering

Dragspelspanel — Styr en grupp utfällbara paneler och kan hålla flera öppna samtidigt.
Dragspelselement — Utfällbar panel för användning inom en dragspelsgrupp.
Appens navigeringsfält — Responsivt navigeringsfält som växlar från full till ikoner och sedan till en mobil överlagring.
Navigationsfältsgrupp — Namngiven, möjligen expanderbar sektion med navigeringsobjekt i en appbar.
Objekt i navigeringsfältet — Navigeringsobjekt med ikon och etikett, som när den är komprimerad endast visar ikonen.
Brödsmulor — Responsiv navigeringsväg som visar användarens plats i sidhierarkin.
Brödsmuleelement — Länk eller etikett för den aktuella sidan i ett brödsmulespår.
Knappgrupp — Samlar relaterade åtgärdsknappar i en responsiv grupp med etikett.
Kort — Skisserat innehållsområde med platser för sidhuvud, media, sidfot och åtgärder.
Karusell — Tillgänglig karusell med en bild i taget, tangentbordsnavigering, indikatorer, repetering och automatisk uppspelning.
Karusellobjekt — Valfri semantisk bildhållare som konsekvent formaterar ett karusellbarn.
Kommandopalett — Sökbar meny med programkommandon, tangentbordsnavigering och kortkommandon.
Kontrollgrupp — Kombinerar flera formulärfält och åtgärdsknappar i ett responsivt, centrerat verktygsfält.
Instrumentpanelsrutnät — Responsivt widget-rutnät som är tillgängligt med tangentbord som visar positioner och problem som flyttar, ändrar storlek och kollisioner.
Detaljer — Tillgänglig rullgardinspanel som visar innehåll under en sammanfattning.
Dockningspanel — Panel i kanten av en befintlig layout som kan ändras i storlek, förminskas och komprimeras.
Fördjupningspanel — Styrd navigering från ett diagram- eller tabelldataobjekt till relaterade belägg, dokument, entiteter eller agentkörningar, med brödsmulor.
Rullgardinsmenyobjekt — Web Awesome-kompatibelt alias för en åtgärdsrad i en rullgardinsmeny.
Filterfält — Instrumentpanelsfilterrad med Lyra-inmatningsfält och borttagbara etiketter, plus återställning och laddningsstatus.
Meny — Semantisk åtgärdsmeny med kontinuerlig fokus och kapslade undermenyer.
Menyalternativ — En åtgärdsrad i en meny med valfri ikon, kryssruta eller destruktiv stil.
Sortera objekt — Rad i en omordningsbar lista med upp- och nedknappar och gratis innehåll.
Omordningsbar lista — Generisk lista vars rader kan flyttas via knappar eller Ctrl/Cmd+pil.
Menyetikett — Icke-interaktiv sektionsrubrik för att gruppera relaterade objekt i en meny.
Menyraden — Horisontell applikationsmenyrad med rullgardinsmenyer och full tangentbordskontroll.
Menyfältsobjekt — Huvudobjekt som öppnar en motsvarande meny eller fungerar som en vanlig åtgärd.
Navigationsmeny — Sidhuvud med länkar och rullgardinspaneler som försvinner bakom en menyknapp på grund av utrymmesbrist.
Navigeringsmenyalternativ — Sidlänk eller knapp som öppnar en rullgardinspanel i navigeringsmenyn.
Sida — Semantisk applikationsmiljö vars navigering växlar mellan skrivbordskolumn och mobil modallåda baserat på tillgängligt utrymme.
Responsiv panel — Visar innehåll på skrivbordet på sidan och på mobilen som en överlagringspanel.
Glidyta — Responsivt spillområde med valfria föregående och nästa knappar för kort och flikar.
Segmenterat val — Rad med knappar för att snabbt välja ett av flera märkta alternativ.
Flera delade paneler — Delar upp en instrumentbräda i dragbara justerbara paneler som fälls ihop.
Delad panel — Delar upp innehållet i två justerbara delar med en avdelare; enklare än lr-multi-split.
Stegvis guide — Guider användare genom en sekventiell guide med status för steg och navigering till steg.
Flikar — Flikfält som visar en ljus DOM panel åt gången med full tangentbordskontroll.
Tab — Web Awesome/Shoelace-kompatibel flikbeskrivning som tillhör en panel i en flikgrupp via panel och namn.
Flikpanel — Web Awesome/Shoelace-kompatibel panelbeskrivning kopplad till en flik via namn och panel.
Virtuell lista — Lista som bara ritar synliga rader för stora rullningsbara samlingar.
Widget — Panel med titel och valfri komprimering och helskärmsknappar.

Överlägg och feedback

Meddelandefält — Stackområde som förankrar korta meddelanden till ett skärmhörn.
Avisering — Separat stängbart meddelande med brådskande färg, valfri ikon och automatisk stängningstimer.
Etikett — Liten etikett för tagg, filter eller sortiment, eventuellt avtagbar eller växlingsbar.
Etikettgrupp — Omsluter en serie etiketter med en valfri +N-knapp om de överskrider gränsen.
Varning — Standard stängt meddelande som kan försvinna efter ett tag och som valfritt överförs till den delade aviseringsstacken.
Märke — Kompakt statusetikett för skick, kvantitet eller kategori.
Textram — Inbäddad avisering för status, varning eller fel, som kan stängas.
Snabbmeny — Gör vilket område som helst till ett mål för högerklickning, lång tryckning eller Shift+F10 för att öppna en åtgärdsmeny.
Dialog — Modalt fönster med fokusbegränsning för bekräftelser, formulär och andra avbrytande uppgifter.
Skjutpanel — Skjut in en modal panel från en skärmkant för filter eller kontextuella kontroller.
Rullgardinsmeny — Menyfönster som länkar en åtgärdslista till en knapp som tillhandahålls av användaren.
Tomt tillstånd — Visar att data saknas med en ikon, meddelande och valfria åtgärder.
Snabbtangent — Plattformsmedveten etikett som visar en tangentkombination som knappar.
Popover — Flytande yta som klickar öppnas och stängs enkelt för kontextuellt innehåll och kontroll.
Popup — Förankrad positionsbas som håller en flytande panel vid sitt ankare; används även av popovers och verktygstips.
Förloppsindikator — Horisontell framstegsindikator med eller utan känt värde, eventuellt med ett nummer.
Förloppsring — Rund framstegsindikator med eller utan känt värde och en etikett i mitten.
Bedömning — Tangentbordsstyrd stjärnklassificering med delvis fyllda stjärnor.
Laddningsplatshållare — Animerad platshållare för innehåll under laddning.
Laddningsindikator — Indikerar en pågående bakgrundsuppgift med en obestämd animering.
Etikett — Semantisk variant av märket för sökord eller kategorier.
Verktygstips — Beskrivning som visas när du håller muspekaren eller fokus för en knapp som tillhandahålls av användaren.

Dokument- och filvisare

Arkivvisare — Visar filnamn och uppackade storlekar i ett ZIP-arkiv utan att packa upp filer.
Kalendervisare — Läser en .ics-fil och visar möten med sammanfattning, tid och plats.
Kontaktvisare — Hämtar ett vCard och visar ett tillgängligt kort för varje kontakt.
CSV-visare — Hämtar en CSV-fil och visar dess rader i ett virtuellt, rullningsbart kalkylblad.
Datauppsättningsvisare — Hämtar avgränsad text och visar den som en maskinskriven, tillgänglig datatabell.
Dokumentjämförelse — Jämför två dokumentversioner sida vid sida eller under varandra, med textdiff och renderade förhandsvisningar.
Dokumentförhandsvisning — Visar ett dokument eller en bilaga på sidan baserat på MIME-typ, med nedladdningsalternativ som ett alternativ.
Dokumentvisare — Visar ett dokument i en dialogruta via ett utökningsbart register av MIME renderare.
DOCX-visare — Konverterar en DOCX-fil som innehåller mammoth till säker semantisk HTML.
E-bokvisare — Visar en EPUB med kapitelnavigering via det valfria beroendet epub.js.
E-postvisare — Läser ett .eml-meddelande och visar rubriker, säkert innehåll och bilagor.
GeoJSON-visare — Hämtar och validerar en GeoJSON-fil och visar dess objekt på en karta.
Markeringslager — Lägg över klickbara markeringsrektanglar på placerat dokumentinnehåll.
HTML-visare — Hämtar en URL och visar HTML kassaskåpet efter rengöring.
Sätt in — Får ett HTML-utdrag och infogar det på sidan som säkert lätt DOM-innehåll.
Anteckningsbokvisare — Skrivskyddad vy av en Jupyter-anteckningsbok med Markdown, kod och rik cellutdata.
Sidöversikt — Virtualiserad vertikal stapel med sidminiatyrer för att bläddra i ett dokument.
PDF-visare — Hämtar och visar PDF sidor med zoomning, paginering och valbart textlager.
PPTX-visare — Webbläsarbaserad visningsprogram för PowerPoint-presentationer i formatet PPTX, där det är möjligt.
Kalkylarksvisare — Hämtar .xlsx och äldre .xls arbetsböcker och visar flikar och virtualiserade rader.
SVG-visare — Hämtar ett SVG dokument från en URL och visar det säkert efter rengöring.
XML-visare — Expanderbart, kopierbart träd för att visa XML dokument.

Media och filer

Bilagemärke — Kompakt etikett för en filbilaga till ett meddelande, som visar uppladdningsstatus, framsteg och försök igen.
Avatar — Liten identitetsmarkör med ikon, bild eller initialer alternativt.
Rörlig bild — Spelar en GIF, APNG eller WebP med pausknapp som respekterar reducerad rörelse.
Animation — Animerar innehåll på ett deklarativt sätt med namngivna förinställningar eller anpassade nyckelrutor.
Bilageknapp — Kompakt knapp i chatt-ingång som öppnar en filväljare eller funktionsmeny.
Ljud- och videospelare — Spelare med synkroniserad transkription, vågform och uppspelningshastighet.
Avatargrupp — Staplar överlappande avatarer i en kompakt rad och sammanfattar ytterligare personer som +N.
Släppområde — Gör vilket område som helst till ett dra-och-släpp-filmål, utan en egen filväljare.
Filikon — Lokaliserat märke för filtypen, härlett från MIME typ eller filnamn.
Filinmatning — Dra och släpp eller klicka på området som passerar valda filer.
Flagga — Lands- eller språkflagga i en anpassningsbar, eventuellt rund ram.
Bildjämförare — Skjut en tangentbordsanpassad avdelare för att jämföra före och efter sida vid sida.
Bildvisare — Rasterbildvisare med panorering, zoomning, märkta höjdpunkter och valfria kommentarer.
Ljuslåda — Helskärmsmodal bildvisare med föregående/nästa och zoom.
Kort — MapLibre GL karta med deklarativ förklaring, choropleth och markörer.
Mediekort — Förhandsgranska bild, video eller filbilaga i ett chattmeddelande.
Panorera och zooma — Skjutfönster för att panorera och förstora innehåll eller en enskild bild inom zoomgränserna.
Spelsekvens — Uppspelningskontroll som stegar ett index genom ett intervall med en fast timer.
QR-kod — Kodar ett värde som en skanningsbar QR-symbol på arbetsytan.
Video — Videospelare på sidan med anpassade kontroller, valbara undertexter och förhandsvisningar av miniatyrer.
Videospellista — Spelar upp videor i en rullningsbar lista och fortsätter automatiskt efteråt.
Zoombar ram — Exempel i en skärmad iframe med fasta zoomnivåer; den tidigare innehållsrepresentationen kallas lr-pan-zoom.

Verktyg

Intersection Observer — Skickar inbyggda avsnittsdata när innehåll kommer in i eller lämnar visningsporten.
Mutationsobservatör — Övervakar DOM innehåll för element- och attributändringar och skickar infödda mutationsposter.
Resize Observer — Övervakar element och kommunicerar maskinskrivna formatändringar utan synliga kontroller.
Kopieringsknapp — Ikonknapp som kopierar text till urklipp och visar en bock.
Skillnadsvy — Beräknar linjeskillnaden mellan två texter och visar en färgkodad enhetlig skillnad.
Skiljelinje — Tematisk semantisk linje som delar upp innehåll horisontellt eller vertikalt.
Exportknapp — Laddar ned tabelldata som CSV eller JSON, direkt eller via en formateringsmeny.
Formatera bytes — Formaterar bytestorlekar efter plats, med justerbar enhet och precision.
Formatera datum — Formaterar datum och tid enligt språk- och regioninställningen via Intl.DateTimeFormat.
Formatera nummer — Formaterar siffror, valuta och kompakta värden enligt språk- och regioninställningen via Intl.NumberFormat.
Ikon — Ritar skarpa SVG ikoner från inbyggda banor, utan beroenden.
JSON-visare — Expanderbart, kopierbart träd för godtyckliga JSON data.
Känt datum — Inmatning med tre fält för dag, månad och år för ett datum som användaren redan känner till.
Liveområde — Visuellt dold ARIA live-område som distribuerar skärmläsarmeddelanden.
Omnämnandemeny — Markörförankrad komplettering för @-omnämnanden och snedstreckkommandon i ett textfält.
Uppdatera status — Räknar ner till nästa schemalagda uppdatering, med paus och återuppta.
Växlande innehåll — Alternera innehåll slumpmässigt eller i ordning, till exempel för A/B-texter och vittnesmål.
Relativ tid — Visar en tidsstämpel enligt språk- och regioninställningen och uppdaterar den automatiskt.
Guidad tur — Guidad introduktion till markerade delar och sekventiella steg.
Visuellt dold — Visuellt döljer innehåll men håller det tillgängligt för skärmläsare; när den är fokuserad blir den synlig.