Introduksjon
RayCraft er et bibliotek av Blazor-kontroller (.NET 10: Server, WebAssembly og Auto) med lyse, mørke og kompakte temaer, engelske og bulgarske tekster og støtte for tastatur og skjermlesere. RayCraft Free er tilgjengelig nå; RayCraft Complete er tilgjengelig nå.
Installasjon
Legg til pakken med:
dotnet add package RayCraft.BlazorSe Kom i gang for oppsettstrinnene. Fungerende eksempler finnes i det offentlige GitHub-arkiv, som bare inneholder eksempel- og demokode, ikke bibliotekets kode.
Kontroller
Knapper
Button (Free)
Utløser en handling, eller navigerer når Href er satt (knappen vises da som en lenke med samme utseende).
IconButton (Free)
Knapp som bare viser et ikon. Label er påkrevd: det blir det tilgjengelige navnet og tipset.
ButtonGroup (Free)
Samler knapper i én segmentert kontroll, vannrett eller loddrett. Kombiner med ToggleButton for en visningsbryter.
ToggleButton (Free)
Knapp som beholder en på/av-tilstand og eksponerer den med aria-pressed.
SplitButton (Free)
En hovedhandling med en meny av beslektede handlinger. De samme MenuItem-elementene som Menu brukes.
FloatingActionButton (Free)
En firkantet knapp festet i et hjørne av skjermen for hovedhandlingen. Extended viser teksten ved siden av ikonet; teksten er alltid det tilgjengelige navnet.
SpeedDial (Free)
En flytende knapp som åpner en kort liste over handlinger. Escape lukker listen; hver handling er en ekte knapp i tabulatorrekkefølgen.
ProgressButton (Free)
En knapp som viser pågående arbeid: en indikator mens Progress ikke er satt, en søyle langs nedre kant og en opplest prosent når den er.
CopyButton (Free)
Kopierer en tekst til utklippstavlen og bekrefter det med en hake. Krever en sikker kontekst (https eller localhost).
Tekst og tall
TextField (Free)
Enkeltlinjet tekstinndata. Fungerer med EditForm og DataAnnotations; feilmeldingen vises under feltet.
NumericField (Free)
Tallinndata for enhver numerisk type (int, decimal, double, nullable-versjoner). Verdier utenfor Min og Max begrenses, og knappene stegger med Step.
PercentField (Free)
Tallfelt som brukeren skriver som prosent (12.5) mens verdien lagres som en brøk (0.125).
MoneyField (Free)
Beløpsfelt for decimal- og decimal?-verdier. Teksten formateres og leses med gjeldende kultur (både 1,234.50 og 1.234,50 forstås), avrundes til Decimals og holdes innenfor Min og Max.
MaskedInput (Free)
Tekstfelt som formaterer det du skriver etter en maske: 0 er et siffer, a er en bokstav, * er en bokstav eller et siffer, ethvert annet tegn er et fast skilletegn (escape et maskeringstegn med omvendt skråstrek).
OtpInput (Free)
Én boks per tegn for bekreftelseskoder. Å skrive går til neste boks, Backspace til forrige, og en limt inn kode fyller alle boksene.
SearchBox (Free)
Søkefelt med ikon og fjern-knapp. OnSearch kjører ved Enter, ved fjern-knappen og (valgfritt) ved hvert tastetrykk; Escape fjerner teksten.
PasswordStrength (Free)
Viser hvor sterkt et passord er med fire søyler, et ord og en liste over reglene det oppfyller.
InPlaceEditor (Free)
Viser en verdi som tekst; et klikk gjør den til et felt med lagre- og avbryt-knapper.
Valg fra liste
Select (Free)
Nedtrekksliste for å velge ett element. TValue kan være en hvilken som helst type, også dine egne poster.
DropDownList (Free)
En combobox for svært lange lister. Bare de synlige alternativene tegnes, så 100 000 poster åpnes med en gang; å skrive begrenser listen.
MultiSelect (Free)
Nedtrekksliste med avkrysningsbokser for å velge flere elementer. Knappen oppsummerer valget; Velg alle og Fjern er innebygd.
ListBox (Free)
Alltid synlig liste for ett valg (radioknapper under) eller flere (avkrysningsbokser).
Autocomplete (Free)
Tekstfelt som filtrerer en liste mens du skriver. Støtter piltastene, Enter og Escape og følger ARIA combobox-mønsteret.
MultiColumnComboBox (Free)
En Autocomplete der listen viser flere kolonner med en overskriftsrad. Å skrive søker i alle kolonner.
Cascader (Free)
Velg én verdi fra et hierarki: en kolonne med valg åpner en kolonne med undervalg.
DropDownTree (Free)
Et nedtrekksfelt som åpner et tre for å velge én node. Det er bygget av TreeView og Popover og beholder deres tastaturatferd.
TagInput (Free)
Fri liste av tagger. Enter eller komma legger til den skrevne teksten, Backspace i et tomt felt fjerner den siste taggen, og hver tagg har en fjern-knapp.
Mention (Free)
En tekstboks som foreslår navn etter et utløsertegn (som standard @). Piltaster og Enter velger; det valgte navnet settes inn sammen med utløseren.
Glidere og vurdering
Slider (Free)
Dra for å velge et tall i et intervall.
RangeSlider (Free)
Glidebryter med to håndtak for å velge en nedre og en øvre verdi. Begge håndtakene er native range-inndata, så piltastene fungerer.
RangeSelector (Free)
En stripe med to håndtak som velger et intervall i en serie; en liten forhåndsvisning av dataene ligger bak håndtakene.
Rating (Free)
Stjernevurdering. Klikk på den gjeldende stjernen igjen for å fjerne den.
RatingDisplay (Free)
Skrivebeskyttede stjerner med brøker (4.5 viser fire og en halv), et valgfritt tall og antall omtaler.
Farge og fil
ColorPicker (Free)
Fargefelt med den innebygde fargevelgeren, en heksadesimal tekstboks og valgfrie forhåndsinnstilte prøver.
ColorPalette (Free)
Et rutenett av fargeprøver som fungerer som en radiogruppe: ett tabulatorstopp, piltastene, Home og End flytter og velger.
ColorButton (Free)
En verktøylinjeknapp for en farge: et ikon med en stolpe i den valgte fargen under. Et klikk åpner nettleserens fargevelger.
FileUpload (Free)
Slippsone og filvelger. Den kontrollerer størrelse, type og antall, lister de godtatte filene og utløser FilesChanged; å lese innholdet er opp til deg (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Lerret for å tegne en signatur med mus, finger eller penn. Verdien er en PNG som data-URL.
Redigeringsprogrammer
MarkdownEditor (Free)
Tekstområde med formateringsverktøylinje og sanntidsforhåndsvisning, for folk som skriver Markdown i stedet for rik tekst.
AddressField (Free)
Et mottakerfelt for e-post: hver adresse blir en chip. Skriv eller lim inn en liste, velg blant forslag fra datakilden din, dobbeltklikk på en chip for å redigere den og se med en gang hvilke adresser som ikke er gyldige.
Valg
Checkbox (Free)
Boolsk inndata med etikett.
CheckboxGroup (Free)
En gruppe avkrysningsbokser for å velge flere elementer fra en liste, i et fieldset med forklaring slik at skjermlesere kunngjør gruppens navn.
Radio (Free)
RadioGroup (Free)
Ett valg fra en kort liste. Bruk Items for enkle lister eller Radio-barn for egne etiketter.
Switch (Free)
Boolsk bryter, kunngjort for hjelpemidler som en switch.
Chip (Free)
Kompakt etikett, valgfritt fjernbar.
ChipSet (Free)
Chips som kan velges, for filtre og tagger. Ett valg som standard, flere med Multiple.
ToggleGroup (Free)
Segmentert kontroll for ett valg (radiogruppe) eller flere (vekslingsknapper). Bruk den for visningsbrytere og formateringsbrytere.
TransferList (Free)
To lister med knapper for å flytte elementer mellom dem, for å velge en delmengde fra en lang liste.
Dato og tid
Calendar (Free)
Månedsrutenett brukt av DatePicker og DateTimeRangePicker. Bruk det alene for innebygd datovalg.
DatePicker (Free)
Datofelt med kalender. Månedsnavn, ukedagsnavn, ukens første dag og datoformatet (også brukt som standard plassholder) følger det gjeldende RayCraft-språket.
DateTimePicker (Free)
Ett felt for dato og tid: en DatePicker og en TimePicker side om side som sammen binder en DateTime.
DateTimeRangePicker (Free)
Periode med start og slutt, valgt på én kalender som viser to måneder side om side (Months) (første klikk setter starten, andre slutten) og skrevet eller justert per felt.
MonthPicker (Free)
Velger en måned og et år. Verdien er månedens første dag.
YearPicker (Free)
Velger et år fra et rutenett med tolv år med knapper for tidligere og senere sider.
WeekPicker (Free)
Velger en hel uke. Verdien er ukens første dag i det gjeldende språket; feltet viser ISO-ukenummeret og datoene.
TimeField (Free)
Det nakne tidsfeltet som TimePicker, TimeRangePicker og DateTimeRangePicker er bygget på.
TimePicker (Free)
Tidsfelt skrevet i formatet til det gjeldende RayCraft-språket (9:30 AM på engelsk, 9:30 på bulgarsk), så det ser likt ut i alle nettlesere.
TimeRangePicker (Free)
Start- og sluttid i ett felt, hver skrevet i formatet til det gjeldende språket som TimePicker.
TimeSpanPicker (Free)
Skriver inn en varighet som dager, timer, minutter og sekunder. Verdien er en TimeSpan.
EventCalendar (Free)
Månedsvisning med hendelser. Hendelser over flere dager vises på hver dag; en dag viser opptil MaxEventsPerDay og en lenke +n til.
Skjemaer
ErrorSummary (Free)
Lister alle valideringsmeldinger fra det omkringliggende EditForm i én blokk. Plasser det i et EditForm med en validator.
FormLayout (Free)
Ordner etiketter og felt i et responsivt rutenett med tolv kolonner, med seksjoner med tittel.
FormState (Free)
Låser alle RayCraft-felt inni med én parameter: Disabled blokkerer dem helt, ReadOnly viser verdiene uten å tillate endringer.
LoginForm (Free)
Ferdig påloggingsskjema med lokalisert validering. Det utløser OnSubmit med den innskrevne LoginModel og overlater selve påloggingen til deg.
RegisterForm (Free)
Ferdig registreringsskjema: navn, e-post, passord og bekreftelse, med lokalisert validering.
Captcha (Free)
Enkel menneskekontroll med et lite regnestykke. Den holder bare enkle roboter ute; verifiser ekte beskyttelse på serveren (for eksempel med en tjeneste bygget for det).
FormBuilder (Free)
Bygger et skjema fra feltdefinisjoner: tekst, e-post, passord, tall, dato, tekstområde, liste, radio, avkrysningsboks og bryter.
Layout
Container (Free)
Sentrerer innhold og begrenser bredden. Standardbredden følger brytepunktene (540, 720, 960, 1140 og 1320 px).
Stack (Free)
Ordner barn i en rad eller kolonne med konsekvent avstand.
Grid (Free)
Rutenett med 12 kolonner. Span setter bredden til et element på hver skjerm, og Sm, Md, Lg, Xl og Xxl endrer den fra det brytepunktet og opp (de samme som på siden Breakpoints).
GridItem (Free)
Spacer (Free)
Tomt element som vokser for å fylle ledig plass i en flex-rad og skyver de påfølgende elementene til slutten.
Divider (Free)
Tynn linje som skiller innhold, vannrett eller loddrett.
Card (Free)
Beholder med valgfri topptekst og bunntekst.
Panel (Free)
Seksjon med tittel og valgfri skjuleknapp og handlinger i topptekst.
Fieldset (Free)
Grupperer beslektede skjemakontroller under en forklaring. Disabled deaktiverer hver kontroll inni.
Toolbar (Free)
Rad med verktøyknapper med role=toolbar.
Splitter (Free)
To størrelsesjusterbare ruter. Dra linjen med mus eller berøring, eller gi den fokus og bruk piltastene (Shift for større steg, Home og End for grensene).
Accordion (Free)
Seksjoner som kan utvides. Som standard lukker åpning av én de andre; sett Multiple for å tillate flere.
Collapse (Free)
Viser eller skjuler innholdet sitt. Bind Expanded til en hvilken som helst knapp; KeepMounted beholder innholdet på siden mens det er skjult.
TagCloud (Free)
Ord i størrelser som følger vekten deres. Tagger kan være lenker, knapper som velger eller vanlig tekst.
TitleIndex (Free)
En liste gruppert etter første bokstav med en bokstavlinje øverst. En bokstav flytter fokus (og visningen) til sin seksjon; bokstaver uten elementer er deaktivert.
Navigasjon
AppBar (Free)
Toppline for tittelen og hovedhandlingene. Legg lenker i NavContent, så står de i linjen på brede skjermer og brettes bort bak en menyknapp under 768 px.
Drawer (Free)
Sidepanel. Midlertidige paneler flyter over siden med en bakgrunn, lukkes med Escape og flytter fokus inn i panelet; sett Temporary=false for en permanent sidestolpe.
NavMenu (Free)
Loddrett navigasjon med utheving av den aktive siden (bygget på NavLink) og sammenleggbare grupper.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Bytter mellom paneler. Støtter piltastene, Home og End.
Stepper (Free)
Leder brukeren gjennom en rekke trinn med knappene Tilbake og Neste.
Wizard (Free)
Et veiledet forløp i trinn. Hvert trinn kan validere før brukeren går videre, et trinn kan være valgfritt, fullførte trinn kan åpnes igjen, og resultatet kan vise en egen side.
Breadcrumbs (Free)
Viser stien til den gjeldende siden. Det siste elementet er den gjeldende siden.
Menu (Free)
Knapp som åpner en liste over handlinger. Lukkes ved valg, Escape eller et klikk utenfor.
MenuItem (Free)
ContextMenu (Free)
Meny som åpnes med høyre museknapp eller hurtigmenytasten over innholdet sitt.
MenuBar (Free)
En vannrett menylinje for applikasjoner: menyer på øverste nivå med kommandoer, snarveier, haker, ikoner og undermenyer.
CommandContextMenu (Free)
En hurtigmeny bygget fra MenuCommand-data, med undermenyer, haker, snarveier og samme tastaturhåndtering som MenuBar.
TextContextMenu (Free)
Høyreklikkmenyen til et redigerbart tekstelement: angre, gjør om, klipp ut, kopier, lim inn og marker alt, pluss kommandoer du legger til.
ProfileMenu (Free)
Avatar, navn og en meny for den innloggede brukeren, bygget av de samme MenuItem-elementene som Menu.
Pagination (Free)
Sidevelger med ellipse for lange intervaller.
TreeView (Free)
Hierarkisk liste som følger ARIA tree-mønsteret. Piltaster flytter og utvider, Home og End hopper, Enter eller mellomrom velger.
ScrollSpy (Free)
En innholdsfortegnelse på siden som utheve overskriften som for øyeblikket er øverst på skjermen.
Overlegg
Dialog (Free)
Modalt vindu. Fokus flyttes inn og blir der til det lukkes (Escape, lukkeknappen eller et klikk på bakgrunnen); deretter går fokus tilbake til forrige element.
DialogHost (Free)
Popover (Free)
Flytende panel åpnet av en aktivator. Lukkes med Escape eller et klikk utenfor.
Tooltip (Free)
Kort tips vist ved hovring og ved tastaturfokus. Ren CSS, så det fungerer også før siden blir interaktiv.
Overlay (Free)
Demper siden (eller, med Absolute, den plasserte forelderen) og kan vise innhold som en innlastingsindikator.
Lightbox (Free)
Tour (Free)
Trinn-for-trinn-introduksjon som utheve sideelementer valgt med en CSS-velger. Trinn uten et samsvarende element vises i midten.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Tilbakemelding
Alert (Free)
Innebygd melding farget etter alvorlighetsgrad, med et tilsvarende ikon. Sett Dismissible for å vise en lukkeknapp; bruk bind-Visible eller OnDismiss for å reagere når den lukkes.
Badge (Free)
Liten statusetikett.
BusyOverlay (Free)
Omslutter et område og demper det mens Busy er true, og viser en innlastingsindikator oppå. Dekket blokkerer musen, markerer området med aria-busy og kunngjør etiketten.
CookieConsent (Free)
Et banner som spør hvilke informasjonskapsler som er tillatt. Det husker svaret i lokal lagring, tilbyr Godta alle, Bare nødvendige og et valg per kategori, og blokkerer ikke siden.
EmptyState (Free)
Melding for lister og sider uten innhold, med ikon, forklaring og valgfrie handlinger.
NotificationCenter (Free)
En bjelleknapp med antall uleste varsler og et panel som lister dem. Man kan lese, avvise og fjerne dem; antallet kunngjøres for skjermlesere.
ProgressBar (Free)
Viser fremdrift fra 0 til Max. Uten Value er den ubestemt.
ProgressCircular (Free)
Ring som viser en bestemt fremdriftsverdi. Bruk Spinner for ukjent varighet.
ResultPage (Free)
En helsidesmelding for et utfall: vellykket, feil, informasjon, advarsel, siden ble ikke funnet, ingen tilgang og serverfeil, med ikon, tittel, tekst og knapper.
Skeleton (Free)
Plassholder som vises mens innhold lastes.
SkeletonPreset (Free)
Ferdige innlastingsplassholdere: kort, liste, tabell, profil og avsnitt. De kunngjør en opptatt tilstand for skjermlesere.
Spinner (Free)
Ubestemt innlastingsindikator med et lokalisert tilgjengelig navn.
Content
Typography (Free)
Overskrifter, brødtekst, bildetekster og overlinjer med temaets skrift og størrelser. Overskrifter gjengir ekte h1- til h6-elementer.
Icon (Free)
Et bibliotek av vanlige ikoner i én konsekvent stil: 16 px rutenett, 1,5 px streker, firkantede ender.
Image (Free)
Bilde med obligatorisk alternativ tekst, tilpasningsmoduser, valgfri kant og bildetekst. Utsatt innlasting er på som standard.
ImageGallery (Free)
Rutenett av miniatyrer som åpner en fullskjermsviser (Lightbox) med forrige- og neste-knapper, piltastene og Escape.
Avatar (Free)
Firkantet brukermerke: bilde, initialer beregnet fra et navn eller et standard brukerikon.
AvatarGroup (Free)
Overlappende avatarer for et team eller personene på et element. Flere enn Max personer slås sammen til en +n-avatar der tipset lister navnene.
Link (Free)
Formatert anker. Eksterne lenker åpnes i en ny fane med rel="noopener noreferrer" og viser et ikon.
Statistic (Free)
Stort tall med en etikett, en valgfri trend og ekstra innhold som en Sparkline.
Descriptions (Free)
Nøkkel-verdi-par i et rutenett, for detaljene til en post. Kolonnene brettes sammen til én på smale skjermer.
Timeline (Free)
Loddrett rekke av hendelser med markør, tid og valgfri alvorlighetsfarge.
Carousel (Free)
Lysbilder med forrige- og neste-knapper og indikatorer. Automatisk avspilling er valgfri; den pauser ved hovring og fokus og har en pauseknapp, som WCAG krever.
Countdown (Free)
Teller ned til et tidspunkt og utløser OnFinished når det nås.
Highlighter (Free)
Markerer hver forekomst av en søketekst i en streng, uten hensyn til store og små bokstaver med mindre CaseSensitive er satt.
Marquee (Free)
Rullende stripe for korte kunngjøringer. Den pauser ved hovring og fokus, har en pauseknapp (WCAG 2.2.2) og stopper helt når systemet ber om redusert bevegelse.
CodeBlock (Free)
Viser kildekode med lett syntaksfarging (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL og shell), valgfrie linjenumre og en kopieringsknapp.
Markdown (Free)
Viser Markdown-tekst: overskrifter, utheving, lenker, bilder, lister (nestede), sitater, kode, tabeller og streker.
QrCode (Free)
Tegner en QR-kode som vanlig SVG, uten bildetjeneste eller skript. Tekst opptil 2331 byte (alle 40 versjoner, feilrettingsnivå M).
Barcode (Free)
Tegner Code 128 (all skrivbar ASCII, sifre pakkes parvis), Code 39 (store bokstaver, sifre og - . $ / + % mellomrom), EAN-13, EAN-8 og UPC-A (kontrollsifferet legges til, eller verifiseres når det er oppgitt) som vanlig SVG.
PricingTable (Free)
Plankort med pris, funksjonsliste og knapp, med en valgfri bryter mellom månedlig og årlig fakturering.
CommentThread (Free)
Kommentarer med svar, en boks for en ny kommentar og kommandoene Svar og Slett. Teksten vises som den ble skrevet (linjeskift beholdes, ingenting behandles som HTML).
ActivityFeed (Free)
En liste over hva som skjedde og hvem som gjorde det, nyeste først, gruppert etter dag, med et ikon eller aktørens initialer og en valgfri detaljlinje.
Lette data
Table (Free)
Enkel formatert HTML-tabell for statiske data. Bruk DataGrid når du trenger sortering, filtrering eller sideinndeling.
List (Free)
Loddrett liste over elementer med ikon, to tekstlinjer og en avsluttende handling. Elementer blir lenker eller knapper når Href eller OnClick er satt.
Repeater (Free)
Viser en liste over elementer med din egen mal. Den legger til det en vanlig løkke mangler: en overskrift, en tom tilstand, et rutenett med fast antall kolonner og valgfri sideinndeling (PageSize).
VirtualList (Free)
En rullende liste som bare tegner de synlige radene, for hundretusenvis av elementer.
PropertyGrid (Free)
Redigerer de offentlige egenskapene til ethvert objekt, gruppert etter Category og merket med DisplayName.
Dra
Sortable (Free)
Liste som kan omorganiseres ved å dra, eller med flytteknappene for tastatur og berøring.
Preferanser
ThemeToggle (Free)
Ferdige brytere for temaene Light, Dark, Slate og Slate Dark (ThemeToggle går gjennom dem ett etter ett), den komfortable/kompakte tettheten (DensityToggle) og språket en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
Én nedtrekksliste for tema og tetthet: Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark og Light, hver i normal og kompakt tetthet.
DensityToggle (Free)
LanguageToggle (Free)
Verktøy
BreakpointObserver (Free)
Forteller koden din hvilket navngitt brytepunkt (Xs til Xxl) vinduet er i og gjengir på nytt når det endres.
Fullscreen (Free)
Legger til en knapp som viser innholdet i fullskjerm. Den bruker Fullscreen-API-et og et lag over hele vinduet i nettlesere uten det (noen telefoner).
Hotkey (Free)
Usynlig komponent som kjører et tilbakekall for en tastatursnarvei som alt+k eller mod+shift+l (mod er Ctrl på Windows og Cmd på macOS).
InfiniteScroll (Free)
Laster mer innhold når slutten av en liste kommer til syne. Den bruker IntersectionObserver (med rullereserve) og utløser OnLoadMore; sett Loading mens du henter og HasMore til false på slutten.
ScrollToTop (Free)
Flytende knapp som vises etter rulling nedover og går tilbake til toppen av siden.
Data
DataGrid (Complete)
Tabell med sortering (klikk på en overskrift: stigende, synkende, av), filtre per kolonne, sideinndeling, radvalg og maler.
TreeList (Complete)
Et tre der nodene er tabellrader. Utvid og skjul, sorter, filtrer og velg kolonner; tastaturet følger WAI-ARIA treegrid-mønsteret.
PivotGrid (Complete)
Oppsummerer en liste i en krysstabell: felt på radene, felt over kolonnene og tall i cellene, med delsummer, totalsummer og en feltvelger.
QueryBuilder (Complete)
Bygger en spørring av nestede grupper av vilkår, hver gruppe kombinert med AND eller OR.
DataFilter (Complete)
Bygger et filter av vilkår (felt, operator, verdi) og returnerer det som et predikat, slik at det fungerer med enhver liste og med DataGrid-elementer.
FileExplorer (Complete)
Filleser for en lagring som koden din leverer (en database, en disk eller skyen).
FileManager (Complete)
Mappetre, sti og en liste- eller flisvisning av filene i den gjeldende mappen, med søk, sortering, ny mappe, endring av navn, sletting og opplasting.
Diagrammer
LineChart (Complete)
Linjediagram med flere serier, valgfri utjevning og områdefyll. Klikk på en oppføring i forklaringen for å skjule eller vise en serie.
AreaChart (Complete)
Stablede, prosentvise og overlappende områder. Stablede og prosentvise områder er solide slik at totalen og andelene er lette å lese.
BarChart (Complete)
Grupperte eller stablede søyler, loddrette eller vannrette, med støtte for negative verdier i gruppert modus.
ComboChart (Complete)
Søyler og linjer på felles akser. Marker en serie med AsLine for å tegne den som en linje.
PieChart (Complete)
Sektor- eller smultringdiagram. Sektorer med verdi null eller lavere hoppes over, og oppføringer i forklaringen skjuler sektorer.
RadarChart (Complete)
Sammenligner flere mål for hver serie på eiker rundt et senter.
ScatterChart (Complete)
Punkter på to numeriske akser. Klikk på en oppføring i forklaringen for å skjule en serie; dataene er også tilgjengelige som en skjult tabell for skjermlesere.
BubbleChart (Complete)
Et punktdiagram med en tredje dimensjon: arealet til hver firkantede markør følger størrelsesverdien.
Histogram (Complete)
Antall verdier i like store intervaller, tegnet som tilstøtende søyler. Velg antall intervaller eller intervallbredde, og vis antall eller andeler.
BoxPlot (Complete)
Spredningen i en gruppe tall. Boksen er den midterste halvdelen, linjen er medianen, værhårene når den fjerneste verdien innenfor 1,5 ganger bokshøyden, og enkeltstående firkanter er uteliggere.
HeatmapChart (Complete)
Rutenett av celler der intensiteten viser verdien. Tekst og intensitet velges for å bevare kontrasten i begge temaene.
CalendarHeatmap (Complete)
Et år av dager som små firkanter, én kolonne per uke, mørkere der verdien er høyere.
TreemapChart (Complete)
Rektangler der arealene er proporsjonale med verdiene, lagt ut med squarified-algoritmen.
SunburstChart (Complete)
Hierarki som konsentriske ringer: hver ring er ett nivå og vinkelen til en bue er proporsjonal med summen.
SankeyChart (Complete)
Flytdiagram: noder plasseres i kolonner etter sin vei og lenkebreddene er proporsjonale med mengden.
FunnelChart (Complete)
Trinn som smalner av etter verdiene sine, med første trinns andel.
WaterfallChart (Complete)
En løpende total med økninger, reduksjoner og totaler. Grønt og rødt skilles også av tegnet +/- på hver søyle og i datatabellen.
CandlestickChart (Complete)
Åpning, høyeste, laveste og stenging for hver periode, med valgfritt volum. En stigende periode har en hul kropp og en fallende en fylt kropp, slik at betydningen ikke bare hviler på farge.
Sparkline (Complete)
Bitteliten trendlinje uten akser, dimensjonert for å sitte i tekst eller tabellceller.
Gauge (Complete)
Bue-måler for én enkelt verdi med valgfrie fargede bånd. Eksponert for hjelpemidler som et bilde merket med verdien.
LinearGauge (Complete)
Rett måler for én enkelt verdi, vannrett eller loddrett, med valgfrie fargede bånd.
BulletChart (Complete)
Kompakt fremdrift mot et mål: én søyle per mål med kvalitative intervaller og en målmarkering.
Map (Complete)
Et kart tegnet som vanlig SVG fra GeoJSON. Regioner kan farges etter en verdi, markører sitter på koordinater, og brukeren kan velge en region, zoome og flytte.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Diagrammer (skjemaer)
Diagram (Complete)
Flytdiagrammer og organisasjonskart tegnet som SVG. Bokser plasseres automatisk i nivåer ut fra forbindelsene sine, eller på de X og Y du oppgir.
Planlegging
Scheduler (Complete)
Dags-, uke-, måneds-, agenda-, års- og tidslinjevisninger med hendelser plassert etter tid, overlappende hendelser side om side, dra og slipp for å flytte en hendelse, Shift med piltastene som tastaturvei.
SchedulerEventEditor (Complete)
Skjemaet som Scheduler-hendelsesdialogen bruker: tittel, beskrivelse, sted, hele dagen, start og slutt, ressurs, farge, påminnelse, tidssone og gjentakelse.
RecurrenceEditor (Complete)
Redigerer en gjentakelsesregel (iCalendar RRULE): daglig, ukentlig på valgte dager, månedlig på en dag eller på den n-te ukedagen, årlig; hver N periode; aldri, etter et antall ganger eller til en dato.
Gantt (Complete)
En prosjektplan: en oppgaveliste til venstre, søyler på en tidsskala til høyre, med deloppgaver, fremdrift, milepæler og avhengigheter fra slutt til start.
Arbeidsområde
Ribbon (Complete)
Kommandolinjen i Office-stil: faner med grupper av kommandoer, kontekstuelle faner, en hurtigtilgangsstripe og en minimert modus.
DockLayout (Complete)
Et arbeidsområde av paneler. Paneler festes til venstre, høyre, øverst, nederst eller i midten, deler et område som faner, skjules til et spor eller flyter over layouten.
Window (Complete)
Et flytende, ikke-modalt vindu: flytt det, endre størrelse, minimer, maksimer og åpne flere samtidig.
DashboardLayout (Complete)
Rutenett av fliser som brukeren flytter og endrer størrelse på med mus, berøring eller tastatur (Alt med piltaster flytter, Alt med Shift endrer størrelse).
DesktopShell (Complete)
Et applikasjonsskall med et bakgrunnslag og en oppgavelinje nederst. De fire skrivebordstemaene (Desktop, Desktop Dark, Mist, Mist Dark) gir det avrundede hjørner, myke skygger og gjennomsiktige flater.
Taskbar (Complete)
Linjen nederst på siden med et startområde, modulnavnet, et midtområde og et varslingsfelt.
Kanban (Complete)
Tavle med kolonner. Kort flyttes ved å dra eller med pilknappene; tavlen utløser OnMove og du oppdaterer dataene dine, så den alltid gjenspeiler tilstanden din.
Chat (Complete)
Meldingsliste med skrivefelt. Listen er en live-region som ruller til den nyeste meldingen, tekst vises alltid som vanlig tekst, Enter sender og Shift+Enter legger til en ny linje (MultiLine=false gjør det til én linje).
MailView (Complete)
Viser HTML-en i en e-postmelding som kommer utenfra. HTML-en kjører i en sandkasseramme uten skript, med en streng innholdssikkerhetspolicy, slik at den ikke kan røre applikasjonens side.
MessageEditor (Complete)
Et lett redigeringsprogram for å skrive en melding: fet, kursiv, understreket, lister, sitat, lenke og fjern formatering, med en bryter til vanlig tekst.
Office
PdfViewer (Complete)
En viser for alle PDF-versjoner opp til 2.0 (ISO 32000-2): sammenhengende sider, zoom og rotasjon, miniatyrer, bokmerker, søk, tekstvalg, lenker, kommentarer, skjemafelt, lag, vedlegg.
PdfCompare (Complete)
Sammenligner teksten i to versjoner av en PDF side for side og lister side om side hva som er lagt til, fjernet og endret.
DocumentEditor (Complete)
Et tekstbehandlingsprogram som åpner og lagrer .docx (og den eldre .doc), Rich Text Format (.rtf) og OpenDocument (.odt)-filer.
RichTextEditor (Complete)
Et kompakt redigeringsprogram for formatert tekst i et skjema: den har en Value som en tekstboks, men teksten kan være fet, kursiv, en liste, en lenke, et bilde eller en tabell.
PresentationEditor (Complete)
Et presentasjonsprogram som åpner og lagrer .pptx (og den eldre .ppt) og OpenDocument (.odp)-filer.
Spreadsheet (Complete)
Et fullstendig regneark: formler og funksjoner, formatering, sammenslåtte celler, frosne ruter, diagrammer, betinget formatering, datavalidering, flere ark, angre og gjør om, kopier og lim inn, fyll, sorter.
ProofingPanel (Complete)
Listen over stave-, grammatikk- og logikkproblemer som PDF-viseren, dokumentredigereren, regnearket og presentasjonsprogrammet viser.
DataGridSpreadsheetButton (Complete)
En verktøylinjeknapp for et DataGrid som lagrer rutenettets rader (alle sider, etter filtrering og sortering, bare synlige kolonner) som en .xlsx-fil.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
AI-assistenter
RayCraft har ingen egne AI-funksjoner. Dokumentasjonen er bygget slik at AI-kodeassistenter kan bruke den godt:
- Beskrivende kontrollnavn, for eksempel DatePicker, Autocomplete og Dialog.
- Én side per kontroll med et sammendrag på enkelt språk og, for de fleste kontroller, et kort eksempel.
- Et tekstindeks over hver kontroll på llms.txt.
- Strukturerte data (JSON-LD) og en beskrivelse på hver side.
Kontroller generert kode mot kontrollsiden: en assistent kan fortsatt ta feil.