Alle komponentar

Utforsk alle dei 308 Lyra UI-komponentane. Filtrer etter familie, søk etter namn, prøv levande førehandsvisingar eller opne eit dokumentert døme.

Samtale og chat

  • Agentarbeidsområde — Responsiv, styrt KI-samtale med samtaleloggen, skrivefelt og valfritt panel for køyring, verktøy, gjenfinning og kontekst.
  • Lydvisualisering — Teiknar taleaktivitet på lerretet for når agenten kviler, lyttar, tenkjer eller snakkar.
  • Variantveljar — Styrt n/m-navigasjon mellom regenererte eller redigerte variantar av éin chatmelding.
  • Chatfelt — Skrivefelt for chatmeldingar som justerer høgda automatisk og har send- og stoppknappar.
  • Chatmelding — Rollebasert meldingsboble med avatar, merke og statusbevisst botntekst.
  • Chatvising — Rulleområde for samtalar som følgjer botnen, viser hopp-til-siste-knapp og skil ulesne meldingar.
  • Kontrollpunkt — Attopprettingspunkt i ein samtale med stadfesting før chatten blir rulla tilbake.
  • Kodeblokk — Viser kodeblokkar med valfri utsett syntaksfarging og kopieringsknapp.
  • Lett kodeblokk — Slank kodevising som berre fargar syntaks frå eit grammatikkart gitt ved bygging.
  • Samtaleoppføring — Valbar rad i chathistoria med økta sin tittel, førehandsvising og tidspunkt.
  • Genereringsmålingar — Viser tidsbruk, token og gjennomstrøyming medan eit KI-svar straumar inn.
  • Overleveringsskilje — Merkt skiljelinje i samtalen som viser når kontrollen går mellom agentar.
  • Markdown — Trygg attgjeving frå Markdown til HTML med GFM-tabellar, kode og lenkjer.
  • Lett Markdown — Slank Markdown-vising som berre fargar kodeblokkar frå grammatikk gitt ved bygging.
  • Meldingshandlingar — Verktøylinje per chatmelding med kopiering, ny generering, redigering og tilbakemelding.
  • Meldingstilbakemelding — Tommel opp eller ned for eitt assistentsvar, med valfritt panel for årsak og kommentar.
  • Modellveljar — Vel leverandør og modell frå fast katalog eller skriv inn ein eigen modell.
  • Modellinnstillingar — Kombinerer modellveljar og temperaturskyveknapp for agentoppsett.
  • Hald inne for å snakke — Mikrofonknapp som handterer løyve, opptak og opprydding ved hald-inne eller veksling.
  • Straumestatus — Viser fasen til éin straumesamband og oppdagar stans med hjarteslag.
  • Straumande tekst — Viser assistenttekst fortløpande og slår saman raske tokenoppdateringar.
  • Lett strøymande tekst — Slank tekststraumvising som berre fargar Markdown-kode frå grammatikk gitt ved bygging.
  • Forslagsmerke — Rullbar rad med start- og oppfølgingsforslag som sender vald tekst til verten.
  • Samtaleliste — Gruppert, søkbar samtalesidebar med festing, arkivering, sletting og namneendring.
  • Transkripsjonsstraum — Levande teksting av stemmeøkt som gjer mellombels tekst endeleg og følgjer botnen.
  • Skriveindikator — Visuell indikator for at assistenten skriv eit svar.
  • Forbruksmerke — Kompakt vising av token, kostnad og forseinking for ei melding eller køyring, med detaljar ved peikar.
  • Stemmeveljar — Veljar TTS-stemme frå ein katalog med lydførehandsvising og handtering av utgåtte val.
  • Miniprogramvising — Viser ein deklarativ JSON-struktur strauma frå agenten gjennom ein godkjent komponentliste.
  • Meldingsdelar — Viser ordna KI-meldingsdelar for tekst, resonnement, verktøy, kjelder, vedlegg og medium.
  • Promptfelt — Samlar promptskriving med vedlegg, modell, stemme, kjelder, omtalar, kommandoar og kølagte turar.
  • Promptkø — Styrt kø med oppfølgingspromptar som kan redigerast, flyttast, fjernast eller sendast straks.
  • Sanntidsøkt — Leverandøruavhengig taleøkt med tilkopling, aktivitet, transkripsjon, opptak, demping og avbrot.
  • Utvalsverktøylinje — Plasserer spørsmål, sitat, kjeldetilvising og kopiering ved vald tekst med dokumentankeret bevart.

Agentverktøy og observasjon

  • Aktivitetsstraum — Fortløpande logg over agenten sine handlingar som kan faldast til ei oppsummering når køyringa er ferdig.
  • Agentvurderingspanel — Styrt evalueringsoversikt med målekort, trenddiagram og statushistorikk per køyring.
  • Agentspørsmål — Samlar eit strukturert svar på spørsmål frå ein agent eller MCP-server, med godta-, avvis- og avbrytval.
  • Bakgrunnskøyringar — Viser vertsadministrerte agentjobbar som ventar, køyrer eller er ferdige, med opne- og førespurnader om avbrot.
  • Budsjettmålar — Viser oppgitt forbruk mot ein grense, òg når data manglar eller grensa er overskriden.
  • Endringsgjennomgang — Går gjennom filendringar frå verten og ber om behald- eller forkastingsval per diffdel.
  • Koplingsadministrasjon — Viser tilkoplingsstatus og ber verten om å kople til, kople frå eller prøve igjen.
  • Tilgangsgodkjenning — Viser ein avgrensa tilgangsførespurnad og sender valet frå brukaren om å tillate eller avvise til verten.
  • Tilgangsreglar — Viser reglar frå verten og ber om endringar i tillat-, spør- eller avvisvalene.
  • Agentkøyring — Hovudvising for ei agentkøyring med status, tidsbruk, steg og kostnad, samt avbryt- og prøv-igjen-handlingar.
  • Agentspor — Hierarkisk agent- og LLM-spor med filter for spennetypar og snarhopp ved overlevering.
  • Godkjenningskø — Tastaturtilgjengeleg kø for verktøykall som blir gjennomgått, godkjende eller avviste i éin felles dialog.
  • Resultatpanel — Panel for eit agentlaga resultat med førehandsvising, kode, versjonar og handlingar for å kopiere eller laste ned.
  • Nettlesarramme — Viser skjermbiletestraum, skriveverna URL og overtakingskontrollar frå datamaskina til agenten.
  • Commit-kort — Kompakt commitoversikt med diffstatistikk og filendringar som lenkjer til diffvising.
  • Samanlikningspanel — Samanliknar A/B-utdata side om side med avstemning om vinnaren i modellvurderingar.
  • Stadfestingslinje — Godkjenn eller avvis eitt føreslått agentsteg direkte i samtalen, utan ein modal dialog.
  • Kontekstinspektør — Viser modellkontekst med tokenanslag, kjelder, skjulemarkørar og kopier- og eksportkontrollar.
  • Evalueringsdatasett — Filtrerbar dømeliste med taggar og handlingar for å leggje til, fjerne, importere og eksportere.
  • Evalueringsresultat — Vising for rubrikkskår og menneskeleg gjennomgang av køyringar for eitt evalueringsdøme.
  • Evalueringskøyring — Levande framdrift for ein evalueringsserie, med detaljar om kjelder og verktøyspor per døme.
  • Retningslinjeoversikt — Skriveverna liste over tryggleiks-, tilgangs-, personvern- og verktøyavgjerder med forklaringar.
  • Spennfossefall — Horisontal tidslinje med farga spenn frå agentspor på ein felles tidsakse.
  • Stakkspor — Gjer JS/TS-, nettlesar- og Python-stakkspor til klikkbare rammer og folder interne rammer.
  • Oppgåveliste — Levande, samanleggbar planvising med status for kvart trinn og undertrinn.
  • Terminal — Skriveverna ANSI-konsoll for strauma agent- eller verktøyutdata, med søk og følg-bunnen.
  • Testresultat — Samandrag av beståtte og mislykka testar med statustal, filtre og automatisk opning av feil.
  • Tankepanel — Samanleggbart panel for agenten sitt løpande eller gjennomgåtte resonnement.
  • Verktøygodkjenning — Menneskeleg kontrollpunkt for å godkjenne, avvise eller redigere eit verktøykall før køyring.
  • Verktøykallblokk — Samanleggbar blokk for eitt verktøykall, med argument, feil og resultat når han blir opna.
  • Verktøykallmerke — Kompakt merke med namn, status og varigheit for eitt verktøykall.
  • Verktøyparameterskjema — Lagar redigerbart skjema frå eit flatt JSON Schema for å justere kallargument.
  • Verktøyresultatdialog — Modal dialog som viser status, varigheit og heile resultatet av eit verktøykall.
  • Verktøyresultatvising — Viser resultatet gjennom registrert attgjevar og brukar JSON når ingen passar.
  • Verktøyvaldialog — Søkbar dialog gruppert etter kategori for val av aktive agentverktøy.
  • Verktøytidslinje — Kronologiske verktøykall med tal nye forsøk, menneskeleg godkjenning og skjuling av sensitive felt.
  • Spornetre — Samanleggbart spennhierarki for agent/LLM med varigheitsstolpe og valfrie token- og kostnadskolonner.
  • Resultatkort — Kort med ramme som gjev eigne verktøyresultatvisarar ein einskapleg utsjånad.
  • Resultatfelt — Kompakt etikett/verdi-rad for verktøyresultat og tett metadata.
  • MCP-app — Køyrer ein MCP-appressurs i isolert miljø og sender vertsførespurnader som typa hendingar.
  • Promptstudio — Leverandøruavhengig arbeidsflate for å redigere, førehandsvise, versjonere, lagre og køyre strukturerte prompter.
  • Skjemavisar — Undersøkjer valbare JSON Schema-tre med avgrensingar, påkravde felt, samansetjing og valideringsfeil.
  • Underagentpanel — Viser styrt hierarki av underagentkøyringar med status, oppgåve, modell, framdrift og handlingar.

Gjenfinning og kunnskapsgrafar

  • Fellesskapskort — Oppsummering av eit fellesskap i ein kunnskapsgraf, med medlemsmerke og fordjupingshandling.
  • Embeddingutforskar — Tilgjengeleg 2D-punktdiagram over vertsprojiserte embeddingkoordinatar, med gruppefargar og punktval.
  • Entitetskort — Kort for ein grafentitet med typemerke, eigenskapar, grad og handling for å finne han i grafen.
  • Entitetsmerke — Innebygd @entitet-omtale i agenttekst med førehandsvising ved peikar eller fokus.
  • Entitetsprofil — Detaljvising av entitet med toppfelt, tillitsmål og faner for relasjonar, kjeldeutdrag og opphav.
  • Graf — Viser relasjonar i eit flyttbart, zoombart kraftstyrt nodediagram.
  • Grafteiknforklaring — Viser nodetypar for ein graf og fungerer òg som filter for synlegheit.
  • Inntakskø — Styrt dokumentliste gjennom ein inntaksprosess, med trinn, framdrift, tal og førespurnader om ny prøve eller avbrot.
  • Kunnskapsbase — Kjeldeliste for ein søkjebase, med synkronisering, indekshelse, løyve og administrasjon per rad.
  • Kunnskapsbaseadministrasjon — Fanebasert driftsvising som koplar kjelder og inntakskø og sender vidare administrasjonshandlingar til verten.
  • Kunnskapsgrafutforskar — Utforskar grafen med teikning, entitetssøk, typefilter, naboutviding og stisøk.
  • Tankekart — Radialt, utvidbart emnetre for romleg navigasjon og fordjuping.
  • Naboliste — Relasjonar for éin entitet, med navigasjon og utviding i grafen per rad.
  • Nodepalett — Søkbart nodebibliotek med kategoriar for å dra eller plassere nodar på flytlerretet.
  • Stivising — Kompakt, rullbar node–relasjon–node-kjede som viser ein GraphRAG-resonneringssti.
  • Utdragsinspektør — Rangert liste over henta RAG-utdrag med relevansskår og djup lenke til dokumentvisaren.
  • Kjeldeierke — Innebygd nummerert kjeldemarkør med førehandsvising og fargar for tryggleik og verifisering.
  • Kjeldegrunnlag — Oversikt per påstand med støttetal, kjeldedekning, tryggleik, varsel og belegg.
  • Minnepanel — Arbeidsminne for agenten med korttidskontekst, langtidsminne, tryggleik og handlingar som krev stadfesting.
  • Opphavspanel — Samanleggbar oversikt over entitetar, relasjonar, grupper og utdrag bak eit svar.
  • RAG-svar — Kjeldebelagt svar med trygg Markdown, kjeldemerke, kjeldeevaluering og utvidbare kjeldevisingar.
  • Undersøkingsframdrift — Viser undersøkingstrinn, kjeldetal og samla framdrift levert av verten.
  • Søkjeresultat — Rangert liste over henta utdrag med fjerning av duplikat, kjeldegruppering og val av kompakt vising.
  • Gjenfinningssøk — Søkjefelt for RAG med filtre, kjeldetaggar, val mellom vektor-, søkjeord- og hybridsøk og status.
  • Gjenfinningsspor — Tidslinje for omskriving, embedding, gjenfinning, omrangering og filtrering med bevis per trinn.
  • Kjeldekort — Kjeldeoppføring med tittel, side, utdrag og utvidbar fulltekst.
  • Kjeldeliste — Samanleggbart kjeldepanel som samlar kjeldene til éin chatmelding.
  • Kjeldeveljar — Avkrysningstre for kjeldene til neste svar, med tre tilstandar, vel alle og søk.
  • Påstandsbelegg — Vurderer genererte påstandar mot kjelder med støtte, tryggleik og dokumentasjon.
  • RAG-evalueringspanel — Viser kvalitetsmål, trendar, evalueringsutval og køyringshistorikk frå vertsutrekna resultat.
  • Gjenfinningssamanlikning — Samanliknar rangerte søkje- og omrangeringsresultat side om side med overlapp og skårfordeling.

Skjema og inndata

  • Knapp — Handlingsknapp med temafargar, storleikar og lastetilstand.
  • Avkryssingsboks — Skjemakontroll med kryssa av, tom og ubestemd tilstand.
  • Avkryssingsgruppe — Samlar tilhøyrande avkryssingsboksar i eitt validert fleirvalsfelt knytt til skjemaet.
  • Koderedigerar — Fleirlinja koderedigering utan ekstra avhengigheiter, med valfrie linjenummer.
  • Fargeveljar — Innebygd fargefelt tilknytt skjemaet, med etikett, hint og valideringsfeil.
  • Kombinasjonsboks — Filtrerbart enkelt- eller fleirval med tekstfelt og liste i sprettoppvindauge.
  • Datofelt — Datofelt med kalender i sprettoppvindauge og verdi i ISO-8601-format.
  • Datoveljar — Kalender med månadsrutenett for éin dato eller eit datointervall.
  • Emoji-veljar — Søkbar emoji-veljar som kan styrast med tastatur og brukast i skjema.
  • Ikonknapp — Kompakt, tilgjengeleg knapp med berre eit ikon som utløyser ei handling.
  • Inndatafelt — Einlinja tekstfelt med valfri etikett, hint og innebygd valideringsmelding.
  • Landveljar — Vel land- og områdekodar med omsette namn, flagg og valfritt søk.
  • Valutaveljar — Vel valutakodar med omsette namn, symbol og valfritt søk.
  • Tidssoneveljar — Vel tidssoneidentifikatorar frå ei ordna liste med valfritt søk.
  • Einingsveljar — Vel måleiningar med omsette namn, symbol og valfritt søk.
  • Språkveljar — Lukka nedtrekksliste for å byte gjeldande språkvariant frå biblioteket sitt eige språkregister.
  • Talfelt — Talfelt med min-, maks- og trinnavgrensninger og innebygd validering.
  • Val — Valbart element som gjev kombinasjonsboksen verdi, etikett, gruppe og status.
  • Telefonfelt — Landstilpassa telefonfelt med standardisert E.164-verdi i skjemaet.
  • Radioknapp — Skjemakontroll for å velje eitt alternativ frå ei gruppe.
  • Radiogruppe — Merkt gruppe med radioknappar som kan navigerast med tastatur.
  • Vurderingsskjema — Konfigurerbart skjema for poeng, kategoriar og kommentarar, med send-og-neste-flyt for ein evalueringskø.
  • Nedtrekksliste — Lukka liste for å velje eitt alternativ frå eit fast utval.
  • Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
  • Skyveknapp — Talområdekontroll for innstillingar som LLM-temperatur eller lydstyrke.
  • Fargeprøveveljar — Vel éin farge frå eit lite fast utval, med innebygd radiogruppesemantikk.
  • Brytar — Skjemakontroll med av/på-semantikk for innebygde skjema.
  • Tekstområde — Fleirlinja tekstfelt med automatisk høgd, validering og skjemautforming.
  • Tidsfelt — Språktilpassa segmentert tidsfelt med kolonneveljar; vel lr-native-time-input for nettlesaren sin eigen tidsveljar.
  • Tidsintervall — Tohandtaksveljar for start og slutt i eit talområde.
  • Veksleknapp — Knapp som sjølv styrer to tilstandar og brukar aria-pressed når valet slås av eller på.
  • Veksleknappgruppe — Samlar veksleknappar bak eitt tabulatorstopp, med fleirval eller enkeltval som kan fjernast.
  • Innebygd tidsfelt — Nettlesaren sin eigen tidsveljar med Lyras etikett, hint og valideringsutforming.
  • Eingongskodefelt — Segmentert felt for eingongskodar, med automatisk utfylling frå SMS.
  • Knappeforma radioval — Enkeltval utforma som knapp i staden for sirkel, gjerne i ei segmentert radiogruppe.
  • Taggfelt — Skjemafelt som samlar fleire flyttbare taggar eller mottakarar.

Datavisning

  • Grafspørjingsbyggjar — Skjemaredigerar for typa grafrelasjonar og stiar, med entitetsankre, typefilter, hoppegrenser og lagra spørjingar.
  • Kalender — Responsiv månadskalender med hendingsmerke og tastaturtilgjengeleg dagsorden.
  • Kontekstmålar — Segmentert stolpe eller ring som viser tokenbudsjett eller kor fullt kontekstvinduet er.
  • Dokumentbibliotek — Søkbart og filtrerbart dokumentarkiv med versjonar, taggar, eigarar, aktualitet, sortering og masseval.
  • Miljøvariabelliste — Maskert nøkkel/verdi-liste for miljøvariablar og løyndomar, med vising og kopiering per rad.
  • Filtre — Filutforskaroppsett over trekomponenten med Git-statusmerke og utsett innlasting av mapper.
  • Flytlerret — Flyttbart og zoombart lerret for å byggje og køyre visuelle DAG-arbeidsflytar.
  • Flytkontrollar — Knappgruppe for zoom, tilpassing og låsing av eit tilknytt flytlerret.
  • Flytminikart — Oversiktskart i hjørnet med flyttbar visingsramme for eit tilknytt flytlerret.
  • Flytnode — Arbeidsflytnode med tittel, statusfarge og koplingspunkt for eit flytlerret.
  • Flytstatus — Legg køyrestatus på flytlerretet og viser ein kort oppsummering av trinna.
  • Traktdiagram — Viser fråfall mellom trinn som stolpar normalisert mot fyrste trinn.
  • Målar — Viser éin verdi som radiell, ringforma eller lineær målar.
  • Varmekart — Teiknar verdimatriser eller kalendernett som storleikstilpassa varmekart på lerret.
  • Paginering — Styrt sidaavigasjon med redigerbart sidehopp og oppsummering av elementområde.
  • Vilkårsbyggjar — Kombinerbar spørjingsbyggjar for tabellar og dashbord med felt/operator/verdi-rader og OG/ELLER-kobling.
  • Sekvensstripe — Kompakt fargestripe som viser kategoriske tilstandar per element, med valfri markør.
  • Minidiagram — Teiknar ein liten SVG-trend som linje, fylt område eller stolpar.
  • Nøkkeltal — Viser éin KPI med eining, trendmerke, detaljrader og valfritt minidiagram.
  • Tabell — Datatabell med sorterbare overskrifter, val, filtrering og paginering.
  • Tidslinje — Samankopla historiske hendingar for revisjonsspor, agenthistorikk og endringsloggar.
  • Tidslinjehending — Éin hending med fargemerke, tittel, tidsstempel og skildring.
  • Tre — Utvidbart og samanleggbart hierarki for grafar, dokument og filtrær.
  • Trenode — Rekursiv rad for éin node og undernodane i eit tre.
  • Ordsky — SVG-ordsky utan ekstra avhengigheiter, med ordstorleik etter vekt.
  • Datarutenett — Virtualisert rutenett for store eller serverstyrte datasett, med sortering, filtrering, gruppering, sider og val.

Diagram

  • Stolpediagram — Samanliknar kategoriverdiar med loddrette eller vassrette stolpar.
  • Boksplott — Oppsummerer fordelingar frå førehandsutrekna femtalssamandrag.
  • Boblediagram — Viser tre dimensjonar per punkt med x, y og bobleradius.
  • Diagram — Kjerneinnpakning for Chart.js med linje-, stolpe-, sektor- og andre diagram.
  • Ringdiagram — Viser delar av ein heilskap som segment i ein ring.
  • Histogram — Delar tal i like breie intervall for å vise fordelinga.
  • Linjediagram — Følgjer trendar langs ein kontinuerleg akse med éin eller fleire samanhengande seriar.
  • Lett diagram — Stolpe- og linjediagram i rein SVG utan Chart.js-avhengigheit.
  • Sektordiagram — Viser kor stor del éin serie utgjer av heilskapen.
  • Polardiagram — Teiknar kategoriar som polare sektorar skalert etter verdi.
  • Radardiagram — Samanliknar fleire mål for éin serie i eit radialt rutenett.
  • Punktdiagram — Teiknar rå x/y-punktpar på lineære akser.

Oppsett og navigasjon

  • Trekkspel — Samordnar ei gruppe utvidbare panel og kan tillate fleire opne samstundes.
  • Trekkspeltelement — Samanleggbart panel laga for ein trekkspelgruppe.
  • Appnavigasjonsfelt — Responsivt navigasjonsfelt som går frå fullt til berre ikon og deretter mobiloverlegg.
  • Navigasjonsfeltgruppe — Merkt, valfritt samanleggbar gruppe av element i appnavigasjonen.
  • Navigasjonsfeltelement — Navigasjonselement med ikon og tekst som vert berre ikon når feltet blir trekt saman.
  • Brødsmulesti — Responsiv navigasjonssti som viser kor brukaren er i sidehierarkiet.
  • Brødsmule — Éin lenke eller gjeldande sideetikett i ein brødsmulesti.
  • Knappegruppe — Samlar tilhøyrande handlingsknappar i ein responsiv gruppe med etikett.
  • Kort — Innhaldsflate med ramme og plassar for toppfelt, medium, botntekst og handlingar.
  • Karusell — Tilgjengeleg lysbiletekarusell med tastatur, indikatorar, løkke og automatisk avspeling.
  • Karusellelement — Valfri semantisk innpakning som gjev eit karusellbarn einskapleg utforming.
  • Kommandopalett — Søkbar kommandomeny med tastaturnavigasjon og snarvegar.
  • Kontrollgruppe — Samlar ulike skjemakontrollar og knappar i ein responsiv, sentrert verktøylinjerad.
  • Dashbordrutenett — Responsivt, tastaturtilgjengeleg miniprogramrutenett som ber om flytting, storleiksendring og kollisjonshandtering.
  • Detaljar — Tilgjengeleg panel som opnar innhald under eit samandrag.
  • Festa panel — Panel langs éin kant av oppsettet som kan skalerast og faldast saman.
  • Detaljnavigasjonspanel — Styrt navigasjon frå diagram- eller tabelldata til kjelder, dokument, entitetar og agentkøyringar.
  • Nedtrekkselement — Web Awesome-kompatibelt alias for éin handlingsrad i ein nedtrekksmeny.
  • Filterlinje — Dashbordfilter som kombinerer Lyra-felt og flyttbare etikettar, med tilbakestilling og lastetilstand.
  • Meny — Semantisk handlingsmeny med flyttbart fokus og nøsta undermenyer.
  • Menyelement — Éin handlingsrad med valfritt ikon, avkrysning eller stil for farleg handling.
  • Omordningselement — Rad i ein omordningsliste med opp- og nedknappar og valfritt innhald.
  • Omordningsliste — Rader kan flyttast med knappar eller Ctrl/Cmd+piltast.
  • Menyetikett — Ikkje-interaktiv seksjonsoverskrift som grupperer menyelement.
  • Menylinje — Vassrett appmeny med namngjevne nedtrekksmenyar og full tastaturnavigasjon.
  • Menylinjeelement — Øvste menytittel som opnar ein underliggjande meny eller fungerer som vanleg handling.
  • Navigasjonsmeny — Nettstadnavigasjon med lenkjer og panel som samlast bak ein menyknapp når plassen blir liten.
  • Navigasjonsmenyelement — Éin sidelenkje eller ein knapp som opnar eit navigasjonspanel.
  • Side — Semantisk appskall som vel mellom skrivebordskolonne og modal mobilskuff etter eigen tilgjengeleg breidd.
  • Responsivt panel — Viser innhald innebygd på skrivebordet og som overlegg på mobil.
  • Rulleflate — Responsiv overløpsflate med valfrie førre- og neste-knappar for kort- og fanerader.
  • Segmentert val — Knapperad for raskt å velje eitt av fleire merkte alternativ.
  • Fleirdelt panel — Delar eit dashbord i panel som kan dragast i storleik og eventuelt faldast på smale flater.
  • Delt panel — Delar innhald i to flater som kan skalerast med éin skiljelinje.
  • Trinnvisar — Leier brukaren gjennom ein ordna rettleiar med status per trinn og klikkbar snarveg.
  • Fanegruppe — Fanelinje som viser eitt panel om gongen og støttar full tastaturnavigasjon.
  • Fane — Web Awesome- og Shoelace-kompatibel faneskildring som blir kopla til eit panel via panel- og name-attributt.
  • Fanepanel — Kompatibel panelskildring som blir kopla til ein fane via name- og panel-attributt.
  • Virtuell liste — Vindaugsbasert liste som berre gjev att synlege rader i svært store samlingar.
  • Miniprogram — Panel med tittel og valfrie knappar for samanfalding og fullskjerm.

Overlegg og tilbakemelding

  • Varslingsområde — Område som stablar varsel i eit hjørne av skjermen.
  • Varsel — Eitt varsel som kan lukkast, med alvorsfarge, valfritt ikon og tidsstyrt lukking.
  • Etikett — Lite merke for tagg, filter eller omfang som kan fjernast eller vekslast.
  • Etikettgruppe — Plasserer etikettar saman og samlar overskytande under ein valfri +N-knapp.
  • Varselmelding — Melding som startar lukka, kan skjulast etter tid og eventuelt sendast vidare til felles varslingsstabel.
  • Merke — Kompakt statusetikett for tilstand, tal eller kategori inne i tekst.
  • Framheva melding — Lukkbar innebygd flate for status, åtvaringar og feil.
  • Kontekstmeny — Opnar handlingsmeny ved høgreklikk, langt trykk eller Shift+F10 på eit område.
  • Dialog — Modalt overlegg som held fokus inne, for stadfestingar, skjema og avbrot.
  • Skuff — Modalt panel som glir inn frå ein kant for filtre og kontekstuelle kontrollar.
  • Nedtrekksmeny — Sprettoppmeny som forankrar handlingar ved ein utløyser levert av appen.
  • Tom tilstand — Forklarer at data manglar med ikon, melding og valfrie handlingar.
  • Tast — Plattformtilpassa merke som viser snøggtastar som tastaturtastar.
  • Sprettoppflate — Flytande innhald som blir opna ved klikk og lukkast ved klikk utanfor.
  • Sprettoppvindauge — Lågnivå plassering som held eit flytande panel ved ankeret; brukast òg av popover og tooltip.
  • Framdriftslinje — Vassrett framdriftsvisar med kjent eller ukjent verdi.
  • Framdriftsring — Rund framdriftsvisar med kjent eller ukjent verdi og valfri tekst i midten.
  • Vurdering — Tastaturtilgjengeleg stjernevurdering med delvis fylling og brøkpresisjon.
  • Skjelettvising — Animert plassholder medan innhaldet blir lasta.
  • Lastesymbol — Animert indikator for bakgrunnsarbeid med ukjent varigheit.
  • Tagg — Semantisk variant av merkeuttrykket for søkjeord og kategoriar.
  • Verktøytips — Skildrande tips ved peikar eller fokus på ein utløyser som appen eig.

Dokument- og filvisarar

  • Arkivvisar — Lister filnamn og ukomprimerte storleikar i ZIP-arkiv utan å pakke ut.
  • Kalenderfilvisar — Les .ics-filer og viser hendingar med samandrag, tid og stad.
  • Kontaktvisar — Hentar eit vCard-dokument og viser eitt tilgjengeleg kort per kontakt.
  • CSV-visar — Hentar CSV og viser radene i eit virtualisert, rullbart ark.
  • Datasettvisar — Hentar tekst med skiljeteikn og viser han som ein typa og tilgjengeleg datatabell.
  • Dokumentsamanlikning — Samanliknar to dokumentversjonar side om side eller innebygd, med tekstdiff og attgjevne førehandsvisingar.
  • Dokumentførehandsvising — Viser dokument eller vedlegg på sida etter MIME-type, med nedlasting som reserve.
  • Dokumentvisar — Viser dokument i dialog med utskiftbare visarar for MIME-typar.
  • DOCX-visar — Gjev att DOCX som trygg, semantisk HTML via mammoth-konverteren.
  • E-bokvisar — Viser EPUB med kapittelnavigasjon via den valfrie epub.js-avhengigheita.
  • E-postvisar — Les .eml og viser toppfelt, trygg meldingstekst og vedlegg.
  • GeoJSON-visar — Hentar, validerer og teiknar objekt frå GeoJSON på eit kart.
  • Uthevingslag — Teiknar aktiverbare uthevingsrektangel over plassert dokumentinnhald.
  • HTML-visar — Hentar innhald frå URL og viser HTML trygt etter reinsing.
  • Inkluder — Hentar eit HTML-fragment og set det inn som reinsa innhald på sida.
  • Notatbokvisar — Skriveverna Jupyter-notatbok med Markdown, kode og rikt celleinnhald.
  • Sideminiatyrar — Virtualisert loddrett rad med sideminiatyrar for dokumentnavigasjon.
  • PDF-visar — Hentar og gjev att PDF-sider med zoom, sidebytte og valbart tekstlag.
  • PPTX-visar — Best mogleg vising av PowerPoint-presentasjonar i nettlesaren.
  • Reknearkvisar — Hentar .xlsx- og eldre .xls-filer med arkfaner og virtualiserte rader.
  • SVG-visar — Hentar og viser SVG frå URL trygt etter reinsing.
  • XML-visar — Samanleggbar og kopierbar trevising for XML-dokument.

Medium og filer

  • Vedleggsmerke — Kompakt filvedlegg i ein melding med opplastingsstatus, framdrift og ny prøve.
  • Avatar — Lite identitetsmerke med ikon, bilete eller initialer som reserve.
  • Animert bilete — Spelar GIF, APNG eller WebP med pauseknapp som respekterer redusert rørsle.
  • Animasjon — Animerer eit innhaldselement deklarativt med namngjevne mønster eller eigne nøkkelbilete.
  • Vedleggsknapp — Kompakt handling i chatfeltet som opnar filveljar eller funksjonsmeny.
  • Lyd- og videospelar — Spelar med synkronisert tekst, bølgjeform og fartskontroll.
  • Avatargruppe — Stablar overlappande avatarar og samlar resten i eit +N-merke.
  • Sleppområde — Gjer eit kva som helst område til mål for filslepp, utan eigen filveljar.
  • Filikon — Språktilpassa filtypemerke ut frå MIME-type eller filnamn.
  • Filfelt — Vel filer ved å sleppje dei eller opne filveljaren; sender dei valde filene vidare.
  • Flagg — Land- eller språkflagg i tematilpassa ramme som òg kan vere rund.
  • Biletesamanliknar — Flytt ein tastaturtilgjengeleg skiljelinje for å samanlikne før og etter.
  • Biletvisar — Full biletvisar med flytting, zoom, merkte uthevingsområde og valfri merknad.
  • Lysboks — Fullskjerms modal biletvisar med førre/neste og zoom.
  • Kart — MapLibre GL-innpakning med deklarativ teiknforklaring, temakart og markørar.
  • Mediekort — Viser bilete-, video- eller filvedlegg direkte i chatmelding.
  • Flytt og zoom — Rullbart område for å flytte og zoome innhald eller eitt bilete innanfor grenser.
  • Sekvensavspilling — Avspelingskontroll som flyttar ein indeks gjennom eit område med fast intervall.
  • QR-kode — Koder ein verdi som ein skannbar QR-kode på lerretet.
  • Video — Innebygd videospelar med eigne kontrollar, valbare undertekstar og miniatyrar.
  • Videospilleliste — Spelar videoar i ein navigerbar liste og går automatisk til neste.
  • Zoombar ramme — Isolert iframe med trinnvis zoom; eldre innhalds- og biletevising finst no i lr-pan-zoom.

Hjelpeverktøy

  • Skjeringsobservatør — Sender innebygde skjeringsdata når innhald kjem inn i eller forlèt visingsområdet.
  • Endringsobservatør — Observerer element- og attributtendringar i sporinnhald og sender vidare innebygde endringsdata.
  • Storleiksobservatør — Observerer storleiken på sporinnhald og sender typa storleiksdata utan synleg grensesnitt.
  • Kopieringsknapp — Ikonknapp som kopierer tekst til utklippstavla og viser hake som stadfesting.
  • Diffvising — Samanliknar to strenger linje for linje og viser fargelagt samla diff.
  • Skiljelinje — Tematilpassa semantisk skilje mellom innhald vassrett eller loddrett.
  • Eksportknapp — Lastar ned tabelldata som CSV eller JSON, direkte eller via formatmeny.
  • Byteformat — Språktilpassa byteformattering med justerbar eining og presisjon.
  • Datoformat — Språktilpassar dato og tid gjennom Intl.DateTimeFormat.
  • Tallformat — Språktilpassar tal, valuta og kompakt notasjon gjennom Intl.NumberFormat.
  • Ikon — Viser skarpe innebygde SVG-ikoner frå namngjevne stiar utan ekstra avhengigheiter.
  • JSON-visar — Samanleggbar, kopierbar trevising for JSON-data.
  • Kjent dato — Tre felt for dag, månad og år når brukaren alt kjenner datoen.
  • Direktemeldingsområde — Visuelt skjult ARIA-liveområde som avgrenser kunngjeringar til skjermlesarar.
  • Omtalevindauge — Autofullføring ved markøren for @-omtalar og skråstrekkommandoar i tekstfelt.
  • Oppdateringsstatus — Nedteljing til planlagt oppdatering med pause- og framhaldsknapp.
  • Tilfeldig innhald — Vekslar tilfeldig eller i rekkjefølgje mellom innhald for A/B-tekst og tilrådingar.
  • Relativ tid — Viser språktilpassa relativt tidspunkt og oppdaterer seg sjølv.
  • Omvising — Trinnvis introduksjon med spotlight for nye brukarar.
  • Visuelt skjult — Skjuler innhald visuelt, men ikkje for skjermlesarar, og viser det igjen ved fokus.