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.