Alle componenten

Ontdek alle 308 Lyra UI-componenten. Filter op familie, zoek op naam en probeer beschikbare voorbeelden of open een gedocumenteerd voorbeeld.

Gesprekken en chat

Agentwerkruimte — Responsieve, beheerde omgeving voor een AI-gesprek met transcript, invoerveld en optioneel paneel voor uitvoering, tools, bronnen, onderbouwing en context.
Audiovisualisatie — Op canvas getekende spraakactiviteit die de toestand inactief, luisterend, denkend of sprekend van een agent toont.
Vertakkingskiezer — Bestuurbare navigatie tussen opnieuw gegenereerde of bewerkte varianten van één chatbericht.
Chatinvoer — Meegroeiend berichtveld met ingebouwde knoppen voor verzenden en stoppen.
Chatbericht — Chatballon per rol met avatar, badges en een voettekst die op de status reageert.
Chatvenster — Schuifbaar transcript met automatisch volgen van nieuwe berichten, knop om naar het nieuwste te springen en scheidingslijn voor ongelezen berichten.
Herstelpunt — Herstelpunt in een gesprek met bevestiging voordat de chat naar een eerdere toestand terugkeert.
Codeblok — Codeweergave met optionele uitgestelde syntaxismarkering en kopieerknop.
Basiscodeblok — Compacte codeweergave die alleen markeert met vooraf aangeleverde grammaticaregels.
Gespreksitem — Selecteerbare rij uit de chatgeschiedenis met titel, voorbeeld en tijdstempel van een sessie.
Generatiemaatstaven — Toont verstreken tijd, tokens en doorvoer terwijl een AI-antwoord binnenkomt.
Overdrachtslijn — Gelabelde scheiding die de overdracht tussen agenten in een transcript markeert.
Markdown — Veilige omzetting van Markdown naar HTML, met GFM-tabellen, code en koppelingen.
Basis-Markdown — Compacte Markdownweergave die codeblokken alleen markeert met vooraf aangeleverde grammaticaregels.
Berichtacties — Werkbalk per chatbericht met kopiëren, opnieuw genereren, bewerken en feedback.
Berichtfeedback — Duim omhoog of omlaag voor een assistentbericht, met optioneel paneel voor reden en toelichting.
Modelkeuze — Kiezer voor aanbieder en model, met vaste catalogus of vrije invoer.
Modelinstellingen — Gekoppelde modelkiezer en temperatuurschuif voor het instellen van een agent.
Druk om te praten — Microfoonknop die de hele cyclus van toestemming, opname en afsluiting beheert voor ingedrukt houden of omschakelen.
Streamstatus — Toont de fase van één streamverbinding en herkent stilstand via heartbeats.
Binnenkomende tekst — Tekent assistenttekst stapsgewijs en bundelt snelle tokenupdates.
Basisstreamtekst — Compacte tekstweergave waarvan de Markdownmodus codeblokken alleen markeert met vooraf aangeleverde grammaticaregels.
Suggestielabels — Schuifbare rij start- of vervolgprompts die de gekozen tekst aan de applicatie doorgeeft.
Gesprekslijst — Gegroepeerde, doorzoekbare zijbalk met acties om gesprekken vast te zetten, archiveren, verwijderen of hernoemen.
Transcriptstroom — Live ondertitels voor een lopende spraaksessie, met omzetting van voorlopig naar definitief en automatisch volgen.
Typindicator — Visueel teken dat de assistent een antwoord opstelt.
Verbruiksbadge — Compacte balk met tokens, kosten en latentie per bericht of uitvoering, met details bij aanwijzen.
Stemkiezer — TTS-stemkeuze uit een aangeleverde catalogus, met ingebouwd audiovoorbeeld en afhandeling van verouderde waarden.
Widgetrenderer — Toont een declaratieve JSON-widgetboom uit een agentstream via een register met toegestane typen en componenten.
Berichtonderdelen — Toont opeenvolgende, verweefbare delen van een AI-bericht, zoals tekst, redenering, tools, citaten, bijlagen en media.
Promptinvoer — Combineert promptschrijven met bijlagen, model- en stemkeuze, bronnen, vermeldingen, opdrachten en wachtrijbeurten.
Promptwachtrij — Beheert vervolgprompts die kunnen worden bewerkt, verplaatst, verwijderd of meteen verzonden.
Realtime spraaksessie — Aanbiederonafhankelijke omgeving voor verbinding, activiteit, transcript, opname, dempen en onderbreken tijdens een spraaksessie.
Selectiewerkbalk — Plaatst vragen, citeren, bronvermelden en kopiëren naast geselecteerde tekst met behoud van de documentverankering.

Agenttools en observatie

Activiteitenoverzicht — Doorlopend logboek van afzonderlijke agentacties, dat na afloop samenvouwt tot een overzicht van voltooide stappen.
Dashboard voor agentevaluatie — Beheerd evaluatieoverzicht met maatstafkaarten, trendgrafiek en statusgeschiedenis per uitvoering.
Vraag van agent — Verzamelt een gestructureerd antwoord op een vraag van een agent of MCP-server, met accepteren, weigeren en annuleren.
Achtergronduitvoeringen — Toont agenttaken in de wachtrij, tijdens uitvoering en na voltooiing die de applicatie beheert, met verzoeken om te openen of te annuleren.
Budgetmeter — Toont opgegeven verbruik tegenover een limiet, ook wanneer gegevens ontbreken of de limiet is overschreden.
Wijzigingen beoordelen — Beoordeelt door de applicatie aangeleverde bestandswijzigingen en vraagt per wijzigingsblok om behouden of verwerpen.
Connectorbeheer — Toont de verbindingsstatus en vraagt om verbinden, verbreken of opnieuw proberen voor connectors die de applicatie beheert.
Toestemming verlenen — Toont een afgebakend toestemmingsverzoek en meldt de keuze om toe te staan of te weigeren aan de applicatie.
Toestemmingsregels — Toont door de applicatie bepaalde toestemmingsregels en vraagt om wijzigingen tussen toestaan, vragen en weigeren.
Agentuitvoering — Hoofdweergave voor één agentuitvoering, met status, verstreken tijd, huidige stap, kosten en acties voor annuleren en opnieuw proberen.
Agentspoor — Hiërarchisch spoor van agent en LLM, met filters voor spantypen en snelkoppelingen naar overdrachten in één gezamenlijke spanlijst.
Goedkeuringswachtrij — Met het toetsenbord toegankelijke wachtrij van toolaanroepen die via één dialoog worden beoordeeld en goedgekeurd of geweigerd.
Artefactpaneel — Omgeving voor een door een agent gemaakt artefact, met wissel tussen voorbeeld en code, versienavigatie en kopieer- en downloadacties.
Browserkader — Weergave van een agentcomputer met reeks schermafbeeldingen, alleen-lezen-URL en bediening om de controle over te nemen.
Commitkaart — Compacte commitsamenvatting met wijzigingsstatistiek en bestandswijzigingen die naar een diff leiden.
Vergelijkingspaneel — Vergelijkt twee uitvoerresultaten naast elkaar, met stem voor de winnaar bij modelevaluatie.
Bevestigingsbalk — Niet-modale keuze om één voorgestelde agentactie in het transcript goed te keuren of te weigeren.
Contextinspecteur — Inspecteert segmenten van een modelaanroep met tokenschattingen, citaten, afschermmarkeringen en kopieer- of exportacties.
Evaluatiedataset — Filterbare en tagbare lijst evaluatievoorbeelden met toevoegen, verwijderen, importeren en exporteren.
Evaluatieresultaat — Beoordelings- en nakijkweergave om de uitvoeringen van één evaluatievoorbeeld te vergelijken.
Evaluatieuitvoering — Live voortgang van een evaluatiereeks met algemene voortgang en uitklapbare onderbouwing en toolsporen per voorbeeld.
Beleidssamenvatting — Alleen-lezenlijst van beveiligings-, toestemmings-, privacy- en toolregels, met toegankelijke uitleg voor toestaan, weigeren of nader beoordelen.
Spanwaterval — Horizontale tijdlijn van agent-spans als statusgekleurde balken op een gedeelde tijdas.
Stacktrace — Zet JS/TS-, browser- en Python-stacktraces om in aanklikbare frames en vouwt interne frames samen.
Takenlijst — Live, uitklapbaar overzicht van een agentplan met status per stap en onderliggende stappen.
Terminal — Alleen-lezen ANSI-console voor binnenkomende agent- of tooluitvoer, met zoeken en automatisch volgen.
Testresultaten — Samenvatting van geslaagde en mislukte tests met aantallen per status, filters en automatisch uitgeklapte foutdetails.
Denkpaneel — Uitklapbaar paneel voor de actuele of achteraf bekeken redenering van een AI-agent.
Dialoog voor toolgoedkeuring — Menselijke goedkeuring, weigering of bewerking van een voorgestelde toolaanroep vóór uitvoering.
Toolaanroepblok — Uitklapbaar blok voor één toolaanroep met argumenten, fout en resultaat.
Toolaanroeplabel — Compact label met naam, status en duur van één toolaanroep.
Toolparameterformulier — Maakt uit een vlak JSON Schema een bewerkbaar formulier om aanroepargumenten aan te passen.
Toolresultaatdialoog — Modaal venster met status, duur en alle resultaatdetails van een toolaanroep.
Toolresultaatweergave — Toont het resultaat van een toolaanroep via een geregistreerde renderer, met JSON als alternatief.
Toolkeuzedialoog — Doorzoekbare, per categorie gegroepeerde dialoog om ingeschakelde agenttools te kiezen.
Tooltijdlijn — Chronologische toolaanroepen van een agent met aantallen herpogingen, menselijke goedkeuring en afscherming van gevoelige velden.
Sporenboom — Uitklapbare spanhiërarchie voor een agent- of LLM-spoor, met duurbalk en optionele token- en kostenkolommen.
Resultaatkaart — Omlijnde kaart die eigen toolresultaatrenderers een consistente compacte stijl geeft.
Resultaatveld — Compacte label-waarderij voor toolresultaatkaarten en dichte metagegevens.
MCP App — Voert een MCP App-bron uit in een geïsoleerde omgeving en geeft applicatieverzoeken als getypeerde gebeurtenissen door.
Promptstudio — Aanbiederonafhankelijke werkruimte om gestructureerde prompts te bewerken, bekijken, versiebeheer te geven, op te slaan en uit te voeren.
Schemaviewer — Inspecteert selecteerbare JSON Schema-bomen met beperkingen, verplichte velden, compositietakken en validatieproblemen.
Subagentpaneel — Toont een beheerde hiërarchie van subagentuitvoeringen met status, taak, model, voortgang en levenscyclusacties.

Zoeken en kennisgrafen

Gemeenschapskaart — Samenvattingskaart voor een gemeenschap in een kennisgraaf, met ledenlabels en een doorklikactie.
Embeddingverkenner — Toegankelijke 2D-puntenwolk van door de applicatie geprojecteerde embeddingcoördinaten, met optionele clusterkleuren en puntselectie.
Entiteitskaart — Dossierkaart voor een entiteit in een kennisgraaf, met typebadge, eigenschappen, graad en actie om op de entiteit te focussen.
Entiteitslabel — Ingebedde @entiteit-vermelding in agenttekst, met voorbeeld bij aanwijzen of focus.
Entiteitsdossier — Detailweergave van een entiteit met kop, betrouwbaarheidsmaat en tabbladen voor relaties, ondersteunende fragmenten en herkomst.
Graaf — Brengt relaties in beeld als verschuifbaar en zoombaar netwerkdiagram.
Graaflegenda — Legenda voor knooppunttypen die ook als zichtbaarheidsfilter werkt.
Innamewachtrij — Beheerde lijst documenten in een verwerkingspijplijn, met fase, voortgang, aantallen en verzoeken om opnieuw te proberen of te annuleren.
Kennisbank — Bronnenlijst voor een kennisbank met synchronisatiestatus, indexgezondheid, rechten en beheeracties per rij.
Kennisbankbeheer — Beheeromgeving met tabbladen voor kennisbankbronnen en innamewachtrij, die beheeracties aan de applicatie doorgeeft.
Kennisgraafverkenner — Omgeving voor het verkennen van kennisgrafen met visualisatie, entiteitszoeken, typefilters, buuruitbreiding en padzoeken.
Mindmap — Radiaal uitklapbare onderwerpenboom om een hiërarchie ruimtelijk te verkennen.
Burenlijst — Relatierijen voor één entiteit, met navigatie en uitklappen in de graaf per rij.
Knooppuntpalet — Doorzoekbare, gecategoriseerde knooppuntbibliotheek om knooppunten op een stroomcanvas te slepen of te plaatsen.
Padstrook — Compacte, schuifbare keten van knooppunt-relatie-knooppunt voor een GraphRAG-redeneerpad.
Fragmentinspecteur — Gerangschikte lijst gevonden RAG-fragmenten met relevantiescores en directe koppeling naar een documentviewer.
Citaatbadge — Citaatmarkering [n] in tekst met voorbeeld bij aanwijzen en kleur voor betrouwbaarheid of verificatie.
Onderbouwingssamenvatting — Overzicht per bewering met aantallen steun, citatiedekking, betrouwbaarheid, waarschuwingen en bewijscitaten.
Geheugenpaneel — Werkgeheugen voor een agent, met kortetermijncontext, langdurige herinneringen, betrouwbaarheid en acties na bevestiging.
Herkomstpaneel — Toont de onderbouwing van één antwoord als uitklapbaar overzicht van entiteiten, relaties, gemeenschappen en fragmenten.
RAG-antwoord — Onderbouwd antwoord met veilige Markdown, citaatbadges, onderbouwingsbeoordeling en uitklapbare bronvoorbeelden.
Onderzoeksvoortgang — Toont door de applicatie aangeleverde onderzoeksstappen, aantallen bronnen en totale voortgang.
Zoekresultaten — Gerangschikte lijst gevonden fragmenten met ontdubbeling, bronindeling, selectie en compacte of uitgebreide weergave.
Bronnen zoeken — Zoekbalk voor retrieval of RAG, met filter- en bereiklabels, keuze tussen vector-, trefwoord- en hybride zoeken en statusfeedback.
Zoekspoor — Tijdlijn van zoekpijplijnfasen met uitklapbaar bewijs voor herschrijven, embedden, ophalen, herordenen en filteren.
Bronkaart — Citaatkaart met brontitel, pagina, fragment en uitklapbare volledige tekst.
Bronnenlijst — Uitklapbaar bronnenpaneel dat citaatkaarten van een chatbericht onder één kop groepeert.
Bronkiezer — Boom met selectievakjes die bepaalt welke bronnen het volgende antwoord onderbouwen, met drieledige mapstatus, alles selecteren en zoeken.
Bewijs voor beweringen — Toetst gegenereerde beweringen aan citaten met ondersteuningsstatus, betrouwbaarheid en bewijs.
RAG-evaluatiedashboard — Toont RAG-kwaliteitsmaten, trends, evaluatiedelen en uitvoeringsgeschiedenis op basis van door de applicatie berekende resultaten.
Zoekresultaten vergelijken — Vergelijkt gerangschikte zoekresultaten en herschikkingen naast elkaar, met overlap en uitsplitsing van scores.

Formulieren en invoer

Knop — Actieknop met themavarianten, formaten en een laadstatus.
Selectievakje — Booleaanse formulierbesturing met geselecteerde, niet-geselecteerde en onbepaalde toestand.
Groep selectievakjes — Bundelt verwante selectievakjes tot één gevalideerd meervoudig keuzeveld voor formulieren.
Code-editor — Meerregelige code-editor zonder afhankelijkheden, met optionele regelnummers.
Kleurkiezer — Native kleurinvoer voor formulieren met label, toelichting en validatiefout.
Keuzelijst met zoekveld — Filterbare enkele of meervoudige keuze via een tekstveld en een uitklapbare lijst.
Datuminvoer — Datumveld met kalenderpop-over en een ISO-8601-waarde.
Datumkiezer — Kalender met maandoverzicht voor één datum of een datumbereik.
Emojikiezer — Doorzoekbare, met het toetsenbord bedienbare emojikiezer voor formulieren.
Pictogramknop — Voert een actie uit met een compacte, toegankelijke knop die alleen een pictogram toont.
Invoerveld — Tekstveld van één regel met optioneel label, toelichting en validatiebericht.
Landkiezer — Selecteert land- en gebiedscodes met vertaalde namen, vlaggen en optioneel zoeken.
Valutakiezer — Selecteert valutacodes met vertaalde namen, symbolen en optioneel zoeken.
Tijdzonekiezer — Selecteert tijdzone-identificaties uit een geordende lijst, met optioneel zoeken.
Eenheidskiezer — Selecteert meeteenheden met vertaalde namen, symbolen en optioneel zoeken.
Landinstellingkiezer — Vaste keuzelijst voor het wijzigen van de actieve landinstelling uit het register van de bibliotheek.
Getalinvoer — Numeriek veld met minimum, maximum en stapgrootte, plus native validatie.
Keuzeoptie — Selecteerbare optie die waarde, label, groep en status aan een keuzelijst levert.
Telefooninvoer — Telefoonveld met landherkenning en een canonieke E.164-formulierwaarde.
Keuzerondje — Formulierbesturing om één optie uit een reeks te kiezen.
Groep keuzerondjes — Gelabelde groep keuzerondjes die met het toetsenbord kan worden bediend.
Beoordelingsformulier — Instelbaar beoordelingsformulier met score, categorie en opmerkingen, en een verzend-en-volgende-stroom voor een evaluatiewachtrij.
Keuzelijst — Gesloten keuzelijst om één optie uit een vaste reeks te kiezen.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Schuifregelaar — Numerieke bereikbesturing voor instellingen zoals LLM-temperatuur of volume.
Kleurstaalkiezer — Kiezer voor één kleur uit een kleine vaste reeks, met ingebouwde radiogroepsemantiek.
Schakelaar — Booleaanse aan-uitbesturing met schakelsemantiek voor native formulieren.
Tekstgebied — Meerregelige tekstinvoer die automatisch meegroeit, met validatie en formulierondersteuning.
Tijdinvoer — Gesegmenteerd tijdveld dat de landinstelling volgt, met kolomkiezer; de native browserinvoer is lr-native-time-input.
Tijdbereik — Selectie met twee grepen voor een begin- en eindwaarde binnen een numeriek bereik.
Omschakelknop — Zelfbeheerde knop die een optie aan of uit zet met aria-pressed-semantiek.
Groep omschakelknoppen — Bundelt omschakelknoppen achter één tabstop, met meervoudige of wisbare enkelvoudige selectie.
Native tijdinvoer — Native tijdkiezer van de browser met Lyra-label, toelichting en validatie; voor gebruik in plaats van de gesegmenteerde lr-time-input.
Eenmalige code-invoer — Gesegmenteerd veld voor een eenmalige verificatiecode, met automatisch invullen via sms.
Keuzeknop — Enkele keuze in knopvorm, doorgaans gegroepeerd met lr-radio-group.
Tokeninvoer — Formulierveld voor een lijst verwijderbare tokens, zoals tags of ontvangers.

Gegevensweergave

Graafquerybouwer — Formuliereditor voor getypeerde relaties of paden in een graaf, met entiteitsankers, typefilters, staplimieten en opgeslagen query's.
Kalender — Responsieve maandkalender met gebeurtenismarkeringen en een toegankelijke agendaweergave.
Contextmeter — Gesegmenteerde meter als balk of ring voor een tokenbudget of contextvenster.
Documentbibliotheek — Doorzoekbare en filterbare documentlijst met versies, tags, eigenaren, actualiteit, sortering en groepsselectie.
Omgevingslijst — Afgeschermde sleutel-waardelijst voor omgevingsvariabelen en geheimen, met tonen en kopiëren per rij.
Bestandsboom — Bestandsverkenner op basis van de boomcomponent, met Git-statusbadges en uitgesteld laden van mappen.
Stroomcanvas — Verschuifbaar en zoombaar canvas om visuele DAG-werkstromen te bouwen en uit te voeren.
Stroombediening — Knoppengroep voor zoomen, passend maken en vergrendelen van een stroomcanvas.
Stroomminiatuur — Overzichtskaart in de hoek met versleepbare viewportrechthoek voor een stroomcanvas.
Stroomknooppunt — Kaart voor een werkstroomknooppunt met kop, statuskleur en verbindingsgrepen.
Uitvoerstatus van stroom — Toont uitvoerstatus op een stroomcanvas en een compacte samenvatting per stap.
Trechtergrafiek — Toont uitval per fase als balken die op de eerste fase zijn genormaliseerd.
Meter — Toont één waarde als radiale meter, ring of lijn.
Heatmap — Tekent een matrix of kalenderrooster van waarden als canvas-heatmap die op formaatverandering reageert.
Paginering — Bestuurbare paginanavigatie met bewerkbare paginasprong en samenvatting van het itembereik.
Voorwaardenbouwer — Samenstelbare querybouwer voor tabellen of dashboards, met veld/operator/waarde-rijen en EN/OF-combinatie.
Reeksstrook — Compacte strook die een reeks categorische toestanden als gekleurde cellen toont, met optionele markering.
Minigrafiek — Tekent een compacte SVG-trend als lijn, gevuld vlak of balken voor een gegevensreeks.
Kerncijfer — Toont één KPI met eenheid, trendlabel, uitsplitsingsrijen en optionele minigrafiek.
Tabel — Gegevenstabel met sorteerbare koppen, selectie, filtering en paginering.
Tijdlijn — Verbonden reeks eerdere gebeurtenissen voor auditsporen, agentgeschiedenis en wijzigingslogboeken.
Tijdlijnitem — Eén gebeurtenis op een tijdlijn met kleurmarkering, titel, tijdstempel en beschrijving.
Boomstructuur — Uitklapbare hiërarchie voor grafen, documenten of bestandsbomen.
Boomknooppunt — Recursieve rij voor één knooppunt en zijn kinderen in een boom.
Woordenwolk — SVG-woordenwolk zonder afhankelijkheden die woorden schaalt naar hun gewicht.
Gegevensraster — Gevirtualiseerd raster voor grote of servergebaseerde datasets, met sorteren, filteren, groeperen, pagineren en selecteren.

Grafieken

Staafdiagram — Vergelijkt waarden tussen categorieën met verticale of horizontale balken.
Boxplot — Vat verdelingen samen met vooraf berekende statistische vijfgetallensamenvattingen.
Bellendiagram — Tekent drie dimensies per punt via x- en y-positie en de bellenstraal.
Grafiek — Kernwrapper voor Chart.js die lijn-, staaf-, cirkel- en andere datagrafieken aandrijft.
Ringdiagram — Toont verhoudingen van delen tot het geheel als segmenten van een ring.
Histogram — Deelt numerieke waarden in gelijke klassen in om hun verdeling zichtbaar te maken.
Lijngrafiek — Volgt trends langs een doorlopende as met één of meer verbonden reeksen.
Lichte grafiek — Staaf- en lijngrafiek zonder afhankelijkheden, getekend als gewone SVG; Chart.js is niet nodig.
Cirkeldiagram — Toont het aandeel van één reeks in een geheel.
Polair vlakdiagram — Tekent iedere categorie als een sector waarvan de grootte afhangt van de waarde.
Radardiagram — Vergelijkt meerdere maatstaven van één reeks in een radiaal raster.
Spreidingsdiagram — Puntenwolk van ruwe x/y-paren op lineaire assen.

Indeling en navigatie

Accordeon — Stuurt een groep uitklapbare panelen aan en kan meerdere tegelijk geopend houden.
Accordeononderdeel — Uitklapbaar paneel voor gebruik binnen een accordeongroep.
Appnavigatiebalk — Responsieve navigatiebalk die van volledig naar pictogrammen en vervolgens naar een mobiele overlay schakelt.
Navigatiebalkgroep — Benoemde, eventueel uitklapbare sectie met navigatie-items in een appbalk.
Navigatiebalkitem — Navigatie-item met pictogram en label, dat ingeklapt alleen het pictogram toont.
Kruimelpad — Responsief navigatiepad dat de plaats van de gebruiker in de paginahiërarchie toont.
Kruimelpaditem — Koppeling of label van de huidige pagina binnen een kruimelpad.
Knoppengroep — Bundelt verwante actieknoppen tot één responsieve, gelabelde groep.
Kaart — Omlijnd inhoudsvlak met plaatsen voor kop, media, voettekst en acties.
Carrousel — Toegankelijke carrousel met één dia tegelijk, toetsenbordnavigatie, indicatoren, herhaling en automatisch afspelen.
Carrouselitem — Optionele semantische diahouder die een carrouselkind consequent opmaakt.
Commandopalet — Doorzoekbaar menu met applicatiecommando's, toetsenbordnavigatie en sneltoetsen.
Besturingsgroep — Bundelt verschillende formuliervelden en actieknoppen in één responsieve, gecentreerde werkbalk.
Dashboardraster — Responsief, toetsenbordtoegankelijk widgetraster dat posities toont en verzoeken voor verplaatsen, vergroten en botsingen afgeeft.
Details — Toegankelijk uitklappaneel dat inhoud onder een samenvatting zichtbaar maakt.
Dockpaneel — Paneel aan de rand van een bestaande lay-out dat kan worden vergroot, verkleind en ingeklapt.
Doorklikpaneel — Beheerde navigatie van een grafiek- of tabelgegeven naar bewijs, documenten, entiteiten of agentuitvoeringen, met kruimelpad.
Dropdownitem — Web Awesome-compatibel alias voor één actierij in een uitklapmenu.
Filterbalk — Dashboardfilterrij met Lyra-invoervelden en verwijderbare labels, plus reset- en laadstatus.
Menu — Semantisch actiemenu met doorlopende focus en geneste submenu's.
Menu-item — Enkele actierij in een menu met optioneel pictogram, selectievakje of destructieve stijl.
Sorteeritem — Rij in een herschikbare lijst met omhoog- en omlaagknoppen en vrije inhoud.
Herschikbare lijst — Generieke lijst waarvan rijen via knoppen of Ctrl/Cmd+pijl kunnen worden verplaatst.
Menulabel — Niet-interactieve sectiekop om verwante items in een menu te groeperen.
Menubalk — Horizontale applicatiemenubalk met uitklapmenu's en volledige toetsenbordbediening.
Menubalkitem — Hoofditem dat een bijbehorend menu opent of als gewone actie werkt.
Navigatiemenu — Sitekop met koppelingen en uitklappanelen die bij ruimtegebrek achter een menuknop verdwijnen.
Navigatiemenu-item — Paginakoppeling of knop die een uitklappaneel opent binnen het navigatiemenu.
Pagina — Semantische applicatieomgeving waarvan de navigatie tussen bureaubladkolom en mobiele modale lade wisselt op basis van beschikbare ruimte.
Responsief paneel — Toont inhoud op desktop in de pagina en op mobiel als overlaypaneel.
Schuifgebied — Responsief overloopgebied met optionele vorige- en volgende-knoppen voor kaarten en tabbladen.
Gesegmenteerde keuze — Rij knoppen om snel één van meerdere gelabelde opties te kiezen.
Meervoudige splitsing — Verdeelt een dashboard in versleepbaar verstelbare panelen die responsief kunnen inklappen.
Gesplitst paneel — Verdeelt inhoud met één scheidingslijn in twee verstelbare delen; eenvoudiger dan lr-multi-split.
Stappenplan — Leidt gebruikers door een opeenvolgende wizard met status per stap en navigatie naar stappen.
Tabbladen — Tabbalk die telkens één light-DOM-paneel toont met volledige toetsenbordbediening.
Tabblad — Web Awesome/Shoelace-compatibele tabbeschrijving die via panel en name bij een paneel in een tabgroep hoort.
Tabbladpaneel — Web Awesome/Shoelace-compatibele paneelbeschrijving die via name en panel bij een tabblad hoort.
Virtuele lijst — Lijst die voor grote schuifbare verzamelingen alleen zichtbare rijen tekent.
Widget — Paneel met titel en optionele knoppen voor inklappen en volledig scherm.

Overlays en feedback

Meldingengebied — Stapelgebied dat korte meldingen aan een schermhoek verankert.
Melding — Afzonderlijke sluitbare melding met urgentiekleur, optioneel pictogram en timer voor automatisch sluiten.
Label — Klein label voor tag, filter of bereik, eventueel verwijderbaar of schakelbaar.
Labelgroep — Wikkelt een reeks labels in met een optionele +N-knop als ze de limiet overschrijden.
Waarschuwing — Standaard gesloten melding die na een tijd kan verdwijnen en optioneel aan de gedeelde meldingenstapel wordt overgedragen.
Badge — Compact statuslabel voor toestand, aantal of categorie.
Tekstkader — Ingebedde melding voor status, waarschuwing of fout, die kan worden gesloten.
Contextmenu — Maakt van elk gebied een doel voor rechtsklikken, lang indrukken of Shift+F10 om een actiemenu te openen.
Dialoog — Modaal venster met focusbeperking voor bevestigingen, formulieren en andere onderbrekende taken.
Schuifpaneel — Schuift een modaal paneel vanaf een schermrand naar binnen voor filters of contextuele bediening.
Uitklapmenu — Menu-pop-over die een actielijst aan een door de gebruiker geleverde knop koppelt.
Lege toestand — Toont dat gegevens ontbreken met een pictogram, bericht en optionele acties.
Sneltoets — Platformbewust label dat een toetsencombinatie als toetskappen toont.
Pop-over — Zwevend oppervlak dat door klikken opent en eenvoudig sluit, voor contextuele inhoud en bediening.
Popup — Basis voor verankerde positie die een zwevend paneel bij zijn anker houdt; ook gebruikt door pop-overs en tooltips.
Voortgangsbalk — Horizontale voortgangsindicator met of zonder bekende waarde, eventueel met cijfer.
Voortgangsring — Ronde voortgangsindicator met of zonder bekende waarde en een label in het midden.
Beoordeling — Met het toetsenbord bedienbare sterrenbeoordeling met gedeeltelijk gevulde sterren.
Laadplaceholder — Geanimeerde plaatsvervanger voor inhoud tijdens het laden.
Laadindicator — Geeft een lopende achtergrondtaak aan met een onbepaalde animatie.
Tag — Semantische variant van de badge voor trefwoorden of categorieën.
Tooltip — Beschrijving die bij aanwijzen of focus verschijnt bij een door de gebruiker geleverde knop.

Document- en bestandsviewers

Archiefviewer — Toont bestandsnamen en uitgepakte groottes in een ZIP-archief zonder bestanden uit te pakken.
Kalenderviewer — Leest een .ics-bestand en toont afspraken met samenvatting, tijd en locatie.
Contactviewer — Haalt een vCard op en toont voor elk contact een toegankelijke kaart.
CSV-viewer — Haalt een CSV-bestand op en toont de rijen in een virtueel, schuifbaar werkblad.
Datasetviewer — Haalt gescheiden tekst op en toont deze als getypeerde, toegankelijke gegevenstabel.
Documentvergelijking — Vergelijkt twee documentversies naast of onder elkaar, met tekstdiff en gerenderde voorbeelden.
Documentvoorbeeld — Toont een document of bijlage op de pagina op basis van MIME-type, met downloadoptie als alternatief.
Documentviewer — Toont een document in een dialoog via een uitbreidbaar register van MIME-renderers.
DOCX-viewer — Zet een DOCX-bestand met mammoth om in veilige semantische HTML.
E-boekviewer — Toont een EPUB met hoofdstuknavigatie via de optionele afhankelijkheid epub.js.
E-mailviewer — Leest een .eml-bericht en toont koppen, veilige inhoud en bijlagen.
GeoJSON-viewer — Haalt GeoJSON op, valideert het bestand en toont de kenmerken op een kaart.
Markeerlaag — Overlay met aanklikbare markeerrechthoeken op gepositioneerde documentinhoud.
HTML-viewer — Haalt een URL op en toont de HTML veilig na schoning.
Invoegen — Haalt een HTML-fragment op en voegt het als veilige light-DOM-inhoud in de pagina in.
Notebookviewer — Alleen-lezenweergave van een Jupyter-notebook met Markdown, code en rijke celuitvoer.
Paginabalk — Gevirtualiseerde verticale balk met paginaminiaturen om door een document te bladeren.
PDF-viewer — Haalt PDF-pagina's op en toont ze met zoomen, paginering en selecteerbare tekstlaag.
PPTX-viewer — Viewer in de browser voor PowerPoint-presentaties in PPTX-formaat, voor zover mogelijk.
Spreadsheetviewer — Haalt .xlsx- en oudere .xls-werkboeken op en toont bladen met tabbladen en gevirtualiseerde rijen.
SVG-viewer — Haalt een SVG-document van een URL op en toont het veilig na schoning.
XML-viewer — Uitklapbare, kopieerbare boom om XML-documenten te bekijken.

Media en bestanden

Bijlagelabel — Compact label voor een bestandsbijlage bij een bericht, met uploadstatus, voortgang en opnieuw proberen.
Avatar — Kleine identiteitsmarkering met pictogram, afbeelding of initialen als alternatief.
Bewegende afbeelding — Speelt een GIF, APNG of WebP af met pauzeknop die verminderde beweging respecteert.
Animatie — Animeert inhoud declaratief met benoemde voorinstellingen of eigen keyframes.
Bijlageknop — Compacte knop in chatinvoer die een bestandskiezer of functiemenu opent.
Audio- en videospeler — Speler met gesynchroniseerd transcript, golfvorm en afspeelsnelheid.
Avatargroep — Stappelt overlappende avatars in een compacte rij en vat extra personen samen als +N.
Neerzetgebied — Maakt van elk gebied een doel voor slepen en neerzetten van bestanden, zonder eigen bestandskiezer.
Bestandspictogram — Gelokaliseerde badge voor het bestandstype, afgeleid van MIME-type of bestandsnaam.
Bestandsinvoer — Gebied voor slepen en neerzetten of aanklikken dat geselecteerde bestanden doorgeeft.
Vlag — Land- of taalvlag in een aanpasbaar, eventueel rond kader.
Afbeeldingsvergelijker — Verschuift een toetsenbordtoegankelijke scheidingslijn om voor en na naast elkaar te vergelijken.
Afbeeldingsviewer — Viewer voor rasterafbeeldingen met verschuiven, zoomen, gelabelde markeringen en optionele aantekeningen.
Lightbox — Schermvullende modale afbeeldingsviewer met vorige/volgende en zoomen.
Kaart — MapLibre GL-kaart met declaratieve legenda, choropleet en markeringen.
Mediakaart — Voorbeeld van afbeelding, video of bestandsbijlage binnen een chatbericht.
Verschuiven en zoomen — Schuifbaar venster om inhoud of één afbeelding binnen zoomgrenzen te verschuiven en te vergroten.
Reeks afspelen — Afspelbesturing die een index met een vaste timer door een bereik laat stappen.
QR-code — Codeert een waarde als scanbaar QR-symbool op canvas.
Video — Videospeler op de pagina met eigen bediening, selecteerbare ondertiteling en miniatuurvoorbeelden.
Videoafspeellijst — Speelt video's in een bladerbare lijst af en gaat na afloop automatisch verder.
Zoombaar kader — Voorbeeld in een afgeschermde iframe met vaste zoomniveaus; de eerdere inhoudsweergave heet lr-pan-zoom.

Hulpmiddelen

Intersection Observer — Geeft native doorsnedegegevens door wanneer inhoud in of uit de viewport komt.
Mutation Observer — Bewaakt DOM-inhoud op element- en attribuutwijzigingen en geeft native mutatierecords door.
Resize Observer — Bewaakt elementen en geeft getypeerde formaatwijzigingen door zonder zichtbare bediening.
Kopieerknop — Pictogramknop die tekst naar het klembord kopieert en een vinkje toont.
Verschillenweergave — Berekent het regelverschil tussen twee teksten en toont een kleurgecodeerde unified diff.
Scheidingslijn — Thematische semantische lijn die inhoud horizontaal of verticaal scheidt.
Exportknop — Downloadt tabelgegevens als CSV of JSON, direct of via een opmaakmenu.
Bytes opmaken — Maakt bytegroottes op volgens de landinstelling, met instelbare eenheid en precisie.
Datum opmaken — Maakt datum en tijd op volgens de landinstelling via Intl.DateTimeFormat.
Getal opmaken — Maakt getallen, valuta en compacte waarden op volgens de landinstelling via Intl.NumberFormat.
Pictogram — Tekent scherpe SVG-pictogrammen uit ingebouwde paden, zonder afhankelijkheden.
JSON-viewer — Uitklapbare, kopieerbare boom voor willekeurige JSON-gegevens.
Bekende datum — Invoer met drie velden voor dag, maand en jaar van een datum die de gebruiker al kent.
Livegebied — Visueel verborgen ARIA-livegebied dat schermlezerberichten doseert.
Vermeldingenmenu — Aan de cursor verankerde aanvulling voor @-vermeldingen en slashopdrachten in een tekstveld.
Verversstatus — Telt af naar de volgende geplande verversing, met pauzeren en hervatten.
Wisselende inhoud — Wisselt inhoud willekeurig of op volgorde af, bijvoorbeeld voor A/B-teksten en getuigenissen.
Relatieve tijd — Toont een tijdsaanduiding volgens de landinstelling en ververst die automatisch.
Rondleiding — Begeleide eerste kennismaking met uitgelichte delen en opeenvolgende stappen.
Visueel verborgen — Verbergt inhoud visueel maar houdt die beschikbaar voor schermlezers; bij focus wordt ze zichtbaar.