Introduktion
RayCraft er et bibliotek af Blazor-kontroller (.NET 10: Server, WebAssembly og Auto) med lyse, mørke og kompakte temaer, engelske og bulgarske tekster og understøttelse af tastatur og skærmlæsere. RayCraft Free er tilgængelig nu; RayCraft Complete er tilgængelig nu.
Installation
Tilføj pakken med:
dotnet add package RayCraft.BlazorSe Kom i gang til opsætningstrinnene. Fungerende eksempler findes i det offentlige GitHub-lager, som kun indeholder eksempel- og demokode, ikke bibliotekets kode.
Kontroller
Knapper
Button (Free)
Udløser en handling eller navigerer, når Href er angivet (knappen vises så som et link med samme udseende).
IconButton (Free)
Knap, der kun viser et ikon. Label er påkrævet: det bliver det tilgængelige navn og hintet.
ButtonGroup (Free)
Samler knapper i én segmenteret kontrol, vandret eller lodret. Kombinér med ToggleButton til en visningsskifter.
ToggleButton (Free)
Knap, der bevarer en til/fra-tilstand og eksponerer den med aria-pressed.
SplitButton (Free)
En hovedhandling med en menu af beslægtede handlinger. De samme MenuItem-elementer som Menu bruges.
FloatingActionButton (Free)
En firkantet knap fastgjort i et hjørne af skærmen til hovedhandlingen. Extended viser teksten ved siden af ikonet; teksten er altid det tilgængelige navn.
SpeedDial (Free)
En flydende knap, der åbner en kort liste af handlinger. Escape lukker listen; hver handling er en rigtig knap i tabrækkefølgen.
ProgressButton (Free)
En knap, der viser arbejde i gang: en indikator, mens Progress ikke er angivet, en søjle langs bunden og en oplæst procent, når den er.
CopyButton (Free)
Kopierer en tekst til udklipsholderen og bekræfter det med et flueben. Kræver en sikker kontekst (https eller localhost).
Tekst og tal
TextField (Free)
Enkeltlinjet tekstinput. Virker med EditForm og DataAnnotations; fejlmeddelelsen vises under feltet.
NumericField (Free)
Taltinput til enhver numerisk type (int, decimal, double, nullable-versioner). Værdier uden for Min og Max begrænses, og knapperne træder med Step.
PercentField (Free)
Talfelt, som brugeren skriver som procent (12.5), mens værdien gemmes som en brøk (0.125).
MoneyField (Free)
Beløbsfelt til decimal- og decimal?-værdier. Teksten formateres og læses med den aktuelle kultur (både 1,234.50 og 1.234,50 forstås), afrundes til Decimals og holdes inden for Min og Max.
MaskedInput (Free)
Tekstfelt, der formaterer det, du skriver, efter en maske: 0 er et ciffer, a er et bogstav, * er et bogstav eller ciffer, ethvert andet tegn er en fast skilletegn (escape et maskeringstegn med en omvendt skråstreg).
OtpInput (Free)
Ét felt pr. tegn til bekræftelseskoder. At skrive går videre til næste felt, Backspace til det forrige, og en indsat kode udfylder alle felter.
SearchBox (Free)
Søgefelt med ikon og ryd-knap. OnSearch kører ved Enter, ved ryd-knappen og (valgfrit) ved hvert tastetryk; Escape rydder teksten.
PasswordStrength (Free)
Viser, hvor stærk en adgangskode er, med fire søjler, et ord og en liste over de regler, den opfylder.
InPlaceEditor (Free)
Viser en værdi som tekst; et klik gør den til et felt med gem- og annullér-knapper.
Valg fra liste
Select (Free)
Rulleliste til at vælge ét element. TValue kan være en vilkårlig type, også dine egne poster.
DropDownList (Free)
En combobox til meget lange lister. Kun de synlige valgmuligheder tegnes, så 100.000 poster åbner med det samme; at skrive indsnævrer listen.
MultiSelect (Free)
Rulleliste med afkrydsningsfelter til at vælge flere elementer. Knappen opsummerer valget; Vælg alle og Ryd er indbygget.
ListBox (Free)
Altid synlig liste til ét valg (radioknapper nedenunder) eller flere (afkrydsningsfelter).
Autocomplete (Free)
Tekstfelt, der filtrerer en liste, mens du skriver. Understøtter piletasterne, Enter og Escape og følger ARIA combobox-mønsteret.
MultiColumnComboBox (Free)
En Autocomplete, hvis liste viser flere kolonner med en overskriftsrække. At skrive søger i alle kolonner.
Cascader (Free)
Vælg én værdi fra et hierarki: en kolonne af valg åbner en kolonne af undervalg.
DropDownTree (Free)
Et rullefelt, der åbner et træ for at vælge ét knudepunkt. Det er bygget af TreeView og Popover og bevarer deres tastaturadfærd.
TagInput (Free)
Fri liste af tags. Enter eller komma tilføjer den skrevne tekst, Backspace i et tomt felt fjerner det sidste tag, og hvert tag har en fjern-knap.
Mention (Free)
En tekstboks, der foreslår navne efter et udløsertegn (som standard @). Piletaster og Enter vælger; det valgte navn indsættes sammen med udløseren.
Skydere og bedømmelse
Slider (Free)
Træk for at vælge et tal i et interval.
RangeSlider (Free)
Skyder med to håndtag til at vælge en nedre og en øvre værdi. Begge håndtag er native range-input, så piletasterne virker.
RangeSelector (Free)
En strimmel med to håndtag, der vælger et interval i en serie; en lille forhåndsvisning af dataene ligger bag håndtagene.
Rating (Free)
Stjernebedømmelse. Klik på den aktuelle stjerne igen for at rydde den.
RatingDisplay (Free)
Skrivebeskyttede stjerner med brøker (4.5 viser fire og en halv), et valgfrit tal og et antal anmeldelser.
Farve og fil
ColorPicker (Free)
Farvefelt med den indbyggede farvevælger, et hex-tekstfelt og valgfrie forudindstillede prøver.
ColorPalette (Free)
Et gitter af farveprøver, der virker som en radiogruppe: ét tabstop, piletasterne, Home og End flytter og vælger.
ColorButton (Free)
En værktøjslinjeknap til en farve: et ikon med en bjælke i den valgte farve under. Et klik åbner browserens farvevælger.
FileUpload (Free)
Slipzone og filvælger. Den kontrollerer størrelse, type og antal, viser de accepterede filer og udløser FilesChanged; læsning af indholdet er op til dig (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Lærred til at tegne en underskrift med mus, finger eller pen. Værdien er en PNG som data-URL.
Editorer
MarkdownEditor (Free)
Tekstområde med formateringsværktøjslinje og live-forhåndsvisning, til folk, der skriver Markdown i stedet for rig tekst.
AddressField (Free)
Et modtagerfelt til e-mail: hver adresse bliver en chip. Skriv eller indsæt en liste, vælg blandt forslag fra din datakilde, dobbeltklik på en chip for at redigere den og se straks, hvilke adresser der ikke er gyldige.
Valg
Checkbox (Free)
Boolsk input med mærkat.
CheckboxGroup (Free)
En gruppe afkrydsningsfelter til at vælge flere elementer fra en liste, i et fieldset med forklaring, så skærmlæsere annoncerer gruppens navn.
Radio (Free)
RadioGroup (Free)
Ét valg fra en kort liste. Brug Items til simple lister eller Radio-børn til tilpassede mærkater.
Switch (Free)
Boolsk kontakt, annonceret for hjælpeteknologi som en switch.
Chip (Free)
Kompakt mærkat, valgfrit fjernbar.
ChipSet (Free)
Chips, der kan vælges, til filtre og tags. Ét valg som standard, flere med Multiple.
ToggleGroup (Free)
Segmenteret kontrol til ét valg (radiogruppe) eller flere (skifteknapper). Brug den til visningsskiftere og formateringsskiftere.
TransferList (Free)
To lister med knapper til at flytte elementer mellem dem, til at vælge en delmængde fra en lang liste.
Dato og tid
Calendar (Free)
Månedsgitter, som DatePicker og DateTimeRangePicker bruger. Brug det alene til indlejret datovalg.
DatePicker (Free)
Datofelt med kalender. Månedsnavne, ugedagsnavne, ugens første dag og datoformatet (også brugt som standardpladsholder) følger det aktuelle RayCraft-sprog.
DateTimePicker (Free)
Ét felt til dato og tid: en DatePicker og en TimePicker side om side, der sammen binder en DateTime.
DateTimeRangePicker (Free)
Periode med start og slut, valgt på én kalender, der viser to måneder side om side (Months) (første klik sætter starten, andet klik slutningen) og skrevet eller justeret pr. felt.
MonthPicker (Free)
Vælger en måned og et år. Værdien er månedens første dag.
YearPicker (Free)
Vælger et år fra et gitter med tolv år med knapper til tidligere og senere sider.
WeekPicker (Free)
Vælger en hel uge. Værdien er ugens første dag i det aktuelle sprog; feltet viser ISO-ugenummeret og datoerne.
TimeField (Free)
Det nøgne tidsfelt, som TimePicker, TimeRangePicker og DateTimeRangePicker er bygget på.
TimePicker (Free)
Tidsfelt skrevet i formatet for det aktuelle RayCraft-sprog (9:30 AM på engelsk, 9:30 på bulgarsk), så det ser ens ud i alle browsere.
TimeRangePicker (Free)
Start- og sluttidspunkt i ét felt, hver skrevet i formatet for det aktuelle sprog som TimePicker.
TimeSpanPicker (Free)
Angiver en varighed som dage, timer, minutter og sekunder. Værdien er en TimeSpan.
EventCalendar (Free)
Månedsvisning med begivenheder. Begivenheder over flere dage vises på hver dag; en dag viser op til MaxEventsPerDay og et link +n mere.
Formularer
ErrorSummary (Free)
Viser alle valideringsmeddelelser fra den omgivende EditForm i ét blok. Placér det i en EditForm med en validator.
FormLayout (Free)
Arrangerer mærkater og felter i et responsivt gitter med tolv kolonner, med sektioner med titel.
FormState (Free)
Låser alle RayCraft-felter indeni med én parameter: Disabled blokerer dem helt, ReadOnly viser værdierne uden at tillade ændringer.
LoginForm (Free)
Færdig loginformular med lokaliseret validering. Den udløser OnSubmit med den indtastede LoginModel og overlader selve loginnet til dig.
RegisterForm (Free)
Færdig tilmeldingsformular: navn, e-mail, adgangskode og bekræftelse, med lokaliseret validering.
Captcha (Free)
Enkel menneskekontrol med et lille regnestykke. Den holder kun simple bots ude; kontrollér rigtig beskyttelse på serveren (for eksempel med en tjeneste bygget til formålet).
FormBuilder (Free)
Bygger en formular ud fra feltdefinitioner: tekst, e-mail, adgangskode, tal, dato, tekstområde, liste, radio, afkrydsningsfelt og kontakt.
Layout
Container (Free)
Centrerer indhold og begrænser dets bredde. Standardbredden følger brudpunkterne (540, 720, 960, 1140 og 1320 px).
Stack (Free)
Arrangerer børn i en række eller kolonne med en konsistent afstand.
Grid (Free)
Gitter med 12 kolonner. Span angiver bredden af et element på hver skærm, og Sm, Md, Lg, Xl og Xxl ændrer den fra det brudpunkt og op (de samme som på siden Breakpoints).
GridItem (Free)
Spacer (Free)
Tomt element, der vokser for at fylde den ledige plads i en flex-række og skubber de efterfølgende elementer til enden.
Divider (Free)
Tynd linje, der adskiller indhold, vandret eller lodret.
Card (Free)
Beholder med valgfrit sidehoved og sidefod.
Panel (Free)
Sektion med titel og valgfri sammenklapningsknap og handlinger i sidehovedet.
Fieldset (Free)
Grupperer beslægtede formularkontroller under en forklaring. Disabled deaktiverer alle kontroller indeni.
Toolbar (Free)
Række af værktøjsknapper med role=toolbar.
Splitter (Free)
To størrelsesjusterbare ruder. Træk bjælken med mus eller berøring, eller giv den fokus og brug piletasterne (Shift for større trin, Home og End til grænserne).
Accordion (Free)
Sektioner, der kan foldes ud. Som standard lukker åbning af én de andre; angiv Multiple for at tillade flere.
Collapse (Free)
Viser eller skjuler sit indhold. Bind Expanded til en vilkårlig knap; KeepMounted beholder indholdet på siden, mens det er skjult.
TagCloud (Free)
Ord i størrelser, der følger deres vægt. Tags kan være links, knapper, der vælger, eller almindelig tekst.
TitleIndex (Free)
En liste grupperet efter begyndelsesbogstav med en bogstavbjælke øverst. Et bogstav flytter fokus (og visningen) til sin sektion; bogstaver uden elementer er deaktiveret.
Navigation
AppBar (Free)
Topbjælke til titlen og hovedhandlingerne. Læg links i NavContent, og de står i bjælken på brede skærme og foldes sammen bag en menuknap under 768 px.
Drawer (Free)
Sidepanel. Midlertidige paneler flyder over siden med en baggrund, lukker med Escape og flytter fokus ind i panelet; angiv Temporary=false for en permanent sidebjælke.
NavMenu (Free)
Lodret navigation med fremhævning af den aktive side (bygget på NavLink) og sammenklappelige grupper.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Skifter mellem paneler. Understøtter piletasterne, Home og End.
Stepper (Free)
Leder brugeren gennem en række trin med knapperne Tilbage og Næste.
Wizard (Free)
Et guidet forløb i trin. Hvert trin kan validere, før brugeren går videre, et trin kan være valgfrit, afsluttede trin kan genåbnes, og resultatet kan vise en egen side.
Breadcrumbs (Free)
Viser stien til den aktuelle side. Det sidste element er den aktuelle side.
Menu (Free)
Knap, der åbner en liste af handlinger. Lukker ved valg, Escape eller et klik udenfor.
MenuItem (Free)
ContextMenu (Free)
Menu, der åbnes med højre museknap eller kontekstmenutasten over sit indhold.
MenuBar (Free)
En vandret menulinje til applikationer: menuer på øverste niveau med kommandoer, genveje, flueben, ikoner og undermenuer.
CommandContextMenu (Free)
En kontekstmenu bygget ud fra MenuCommand-data, med undermenuer, flueben, genveje og samme tastaturhåndtering som MenuBar.
TextContextMenu (Free)
Højreklikmenuen for et redigerbart tekstelement: fortryd, gentag, klip, kopiér, sæt ind og markér alt, plus kommandoer, du tilføjer.
ProfileMenu (Free)
Avatar, navn og en menu til den loggede bruger, bygget af de samme MenuItem-elementer som Menu.
Pagination (Free)
Sidevælger med udeladelsestegn til lange intervaller.
TreeView (Free)
Hierarkisk liste efter ARIA tree-mønsteret. Piletaster flytter og folder ud, Home og End hopper, Enter eller mellemrum vælger.
ScrollSpy (Free)
En indholdsfortegnelse på siden, der fremhæver den overskrift, der i øjeblikket er øverst på skærmen.
Overlejringer
Dialog (Free)
Modalt vindue. Fokus flytter ind og bliver der, til det lukkes (Escape, lukkeknappen eller et klik på baggrunden); derefter vender fokus tilbage til det forrige element.
DialogHost (Free)
Popover (Free)
Flydende panel åbnet af en aktivator. Lukker med Escape eller et klik udenfor.
Tooltip (Free)
Kort hint vist ved musen over og ved tastaturfokus. Ren CSS, så det også virker, før siden bliver interaktiv.
Overlay (Free)
Mørklægger siden (eller, med Absolute, dens placerede forælder) og kan vise indhold som en indlæsningsindikator.
Lightbox (Free)
Tour (Free)
Trin-for-trin-introduktion, der fremhæver sideelementer valgt med CSS-vælger. Trin uden et matchende element vises i midten.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Feedback
Alert (Free)
Indlejret meddelelse farvet efter alvorlighed, med et tilsvarende ikon. Angiv Dismissible for at vise en lukkeknap; brug bind-Visible eller OnDismiss til at reagere, når den lukkes.
Badge (Free)
Lille statusmærkat.
BusyOverlay (Free)
Omslutter et område og mørklægger det, mens Busy er true, og viser en indlæsningsindikator ovenpå. Dækket blokerer musen, markerer området med aria-busy og annoncerer mærkaten.
CookieConsent (Free)
Et banner, der spørger, hvilke cookies der er tilladt. Det husker svaret i lokal lagring, tilbyder Acceptér alle, Kun nødvendige og et valg pr. kategori og blokerer ikke siden.
EmptyState (Free)
Meddelelse til lister og sider uden indhold, med ikon, forklaring og valgfrie handlinger.
NotificationCenter (Free)
En klokkeknap med antallet af ulæste notifikationer og et panel, der viser dem. Man kan læse, afvise og rydde dem; antallet annonceres for skærmlæsere.
ProgressBar (Free)
Viser fremdrift fra 0 til Max. Uden Value er den ubestemt.
ProgressCircular (Free)
Ring, der viser en bestemt fremdriftsværdi. Brug Spinner til ukendt varighed.
ResultPage (Free)
En meddelelse på hel side for et udfald: succes, fejl, information, advarsel, side ikke fundet, ingen adgang og serverfejl, med ikon, titel, tekst og knapper.
Skeleton (Free)
Pladsholder, der vises, mens indholdet indlæses.
SkeletonPreset (Free)
Færdige indlæsningspladsholdere: kort, liste, tabel, profil og afsnit. De annoncerer en optaget tilstand for skærmlæsere.
Spinner (Free)
Ubestemt indlæsningsindikator med et lokaliseret tilgængeligt navn.
Content
Typography (Free)
Overskrifter, brødtekst, billedtekster og overlinjer med temaets skrifttype og størrelser. Overskrifter gengiver rigtige h1- til h6-elementer.
Icon (Free)
Et bibliotek af almindelige ikoner i én konsistent stil: 16 px gitter, 1,5 px streger, firkantede ender.
Image (Free)
Billede med obligatorisk alternativ tekst, tilpasningstilstande, valgfri kant og billedtekst. Udskudt indlæsning er slået til som standard.
ImageGallery (Free)
Gitter af miniaturer, der åbner en fuldskærmsfremviser (Lightbox) med forrige- og næste-knapper, piletasterne og Escape.
Avatar (Free)
Firkantet brugermærke: billede, initialer beregnet ud fra et navn eller et standard-brugerikon.
AvatarGroup (Free)
Overlappende avatarer til et team eller personerne på et element. Mere end Max personer foldes sammen til en +n-avatar, hvis hint viser navnene.
Link (Free)
Formateret anker. Eksterne links åbner i en ny fane med rel="noopener noreferrer" og viser et ikon.
Statistic (Free)
Stort tal med mærkat, en valgfri tendens og ekstra indhold som en Sparkline.
Descriptions (Free)
Nøgle-værdi-par i et gitter, til en posts detaljer. Kolonnerne foldes sammen til én på smalle skærme.
Timeline (Free)
Lodret række af begivenheder med markør, tid og valgfri alvorlighedsfarve.
Carousel (Free)
Slides med forrige- og næste-knapper og indikatorer. Automatisk afspilning er valgfri; den holder pause ved musen over og fokus og har en pauseknap, som WCAG kræver.
Countdown (Free)
Tæller ned til et tidspunkt og udløser OnFinished, når det nås.
Highlighter (Free)
Markerer hver forekomst af en søgetekst i en streng, uden hensyn til store og små bogstaver, medmindre CaseSensitive er angivet.
Marquee (Free)
Rullende bånd til korte meddelelser. Det holder pause ved musen over og fokus, har en pauseknap (WCAG 2.2.2) og stopper helt, når systemet beder om reduceret bevægelse.
CodeBlock (Free)
Viser kildekode med let syntaksfarvning (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL og shell), valgfrie linjenumre og en kopiknap.
Markdown (Free)
Viser Markdown-tekst: overskrifter, fremhævning, links, billeder, lister (indlejrede), citater, kode, tabeller og streger.
QrCode (Free)
Tegner en QR-kode som almindelig SVG, uden billedtjeneste eller script. Tekst op til 2331 bytes (alle 40 versioner, fejlrettelsesniveau M).
Barcode (Free)
Tegner Code 128 (al udskrivbar ASCII, cifre pakkes i par), Code 39 (store bogstaver, cifre og - . $ / + % mellemrum), EAN-13, EAN-8 og UPC-A (kontrolcifret tilføjes eller kontrolleres, når det er angivet) som almindelig SVG.
PricingTable (Free)
Plankort med pris, funktionsliste og knap, med en valgfri skifter mellem månedlig og årlig fakturering.
CommentThread (Free)
Kommentarer med svar, et felt til en ny kommentar og kommandoerne Svar og Slet. Teksten vises, som den er skrevet (linjeskift bevares, intet behandles som HTML).
ActivityFeed (Free)
En liste over, hvad der skete, og hvem der gjorde det, nyeste først, grupperet efter dag, med et ikon eller aktørens initialer og en valgfri detaljelinje.
Lette data
Table (Free)
Enkel formateret HTML-tabel til statiske data. Brug DataGrid, når du har brug for sortering, filtrering eller sideinddeling.
List (Free)
Lodret liste af elementer med ikon, to tekstlinjer og en afsluttende handling. Elementer bliver links eller knapper, når Href eller OnClick er angivet.
Repeater (Free)
Viser en liste af elementer med din egen skabelon. Den tilføjer det, en almindelig løkke mangler: en overskrift, en tom tilstand, et gitter med et fast antal kolonner og valgfri sideinddeling (PageSize).
VirtualList (Free)
En rullende liste, der kun tegner de synlige rækker, til hundredtusindvis af elementer.
PropertyGrid (Free)
Redigerer de offentlige egenskaber for ethvert objekt, grupperet efter Category og mærket med DisplayName.
Træk
Sortable (Free)
Liste, der kan omarrangeres ved at trække, eller med flytteknapperne til tastatur og berøring.
Præferencer
ThemeToggle (Free)
Færdige kontakter til temaerne Light, Dark, Slate og Slate Dark (ThemeToggle går dem igennem én ad gangen), den komfortable/kompakte tæthed (DensityToggle) og sproget en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
Én rulleliste til tema og tæthed: Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark og Light, hver i normal og kompakt tæthed.
DensityToggle (Free)
LanguageToggle (Free)
Værktøjer
BreakpointObserver (Free)
Fortæller din kode, i hvilket navngivet brudpunkt (Xs til Xxl) vinduet er, og gengiver igen, når det ændres.
Fullscreen (Free)
Tilføjer en knap, der viser sit indhold i fuld skærm. Den bruger Fullscreen-API'en og et lag i hele vinduet i browsere uden den (nogle telefoner).
Hotkey (Free)
Usynlig komponent, der kører et tilbagekald for en tastaturgenvej som alt+k eller mod+shift+l (mod er Ctrl på Windows og Cmd på macOS).
InfiniteScroll (Free)
Indlæser mere indhold, når enden af en liste kommer til syne. Den bruger IntersectionObserver (med rullefallback) og udløser OnLoadMore; angiv Loading, mens du henter, og HasMore til false til sidst.
ScrollToTop (Free)
Flydende knap, der vises efter rulning nedad og vender tilbage til toppen af siden.
Data
DataGrid (Complete)
Tabel med sortering (klik på en overskrift: stigende, faldende, fra), filtre pr. kolonne, sideinddeling, rækkevalg og skabeloner.
TreeList (Complete)
Et træ, hvis knudepunkter er tabelrækker. Fold ud og ind, sortér, filtrér og vælg kolonner; tastaturet følger WAI-ARIA treegrid-mønsteret.
PivotGrid (Complete)
Sammenfatter en liste i en krydstabel: felter på rækkerne, felter over kolonnerne og tal i cellerne, med subtotaler, totaler og en feltvælger.
QueryBuilder (Complete)
Bygger en forespørgsel af indlejrede grupper af betingelser, hver gruppe kombineret med AND eller OR.
DataFilter (Complete)
Bygger et filter ud fra betingelser (felt, operator, værdi) og returnerer det som et prædikat, så det virker med enhver liste og med DataGrid-elementer.
FileExplorer (Complete)
Filbrowser til en lagring, som din kode leverer (en database, en disk eller skyen).
FileManager (Complete)
Mappetræ, sti og en liste- eller flisevisning af filerne i den aktuelle mappe, med søgning, sortering, ny mappe, omdøbning, sletning og upload.
Diagrammer
LineChart (Complete)
Liniediagram med flere serier, valgfri udjævning og områdefyld. Klik på en post i signaturforklaringen for at skjule eller vise en serie.
AreaChart (Complete)
Stablede, procentvise og overlappende områder. Stablede og procentvise områder er massive, så totalen og andelene er nemme at aflæse.
BarChart (Complete)
Grupperede eller stablede søjler, lodrette eller vandrette, med understøttelse af negative værdier i grupperet tilstand.
ComboChart (Complete)
Søjler og linjer på fælles akser. Markér en serie med AsLine for at tegne den som en linje.
PieChart (Complete)
Lagkage- eller donutdiagram. Udsnit med værdien nul eller derunder springes over, og poster i signaturforklaringen skjuler udsnit.
RadarChart (Complete)
Sammenligner flere mål for hver serie på eger rundt om et centrum.
ScatterChart (Complete)
Punkter på to numeriske akser. Klik på en post i signaturforklaringen for at skjule en serie; dataene er også tilgængelige som en skjult tabel til skærmlæsere.
BubbleChart (Complete)
Et punktdiagram med en tredje dimension: arealet af hver firkantet markør følger størrelsesværdien.
Histogram (Complete)
Antal værdier i lige store intervaller, tegnet som sammenstødende søjler. Vælg antal intervaller eller intervalbredde, og vis antal eller andele.
BoxPlot (Complete)
Spredningen i en gruppe tal. Kassen er den midterste halvdel, linjen er medianen, knurhårene når den fjerneste værdi inden for 1,5 gange kassens højde, og enkeltstående firkanter er afvigere.
HeatmapChart (Complete)
Gitter af celler, hvis intensitet viser værdien. Tekst og intensitet vælges, så kontrasten bevares i begge temaer.
CalendarHeatmap (Complete)
Et år af dage som små firkanter, én kolonne pr. uge, mørkere hvor værdien er højere.
TreemapChart (Complete)
Rektangler, hvis arealer er proportionale med værdierne, lagt med squarified-algoritmen.
SunburstChart (Complete)
Hierarki som koncentriske ringe: hver ring er ét niveau, og en buevinkel er proportional med dens total.
SankeyChart (Complete)
Flowdiagram: knudepunkter placeres i kolonner efter deres sti, og linkbredderne er proportionale med mængden.
FunnelChart (Complete)
Trin, der indsnævres efter deres værdier, med første trins andel.
WaterfallChart (Complete)
En løbende total med stigninger, fald og totaler. Grøn og rød skelnes også ved tegnet +/- på hver søjle og i datatabellen.
CandlestickChart (Complete)
Åbning, højeste, laveste og lukning for hver periode, med valgfri volumen. En stigende periode har en hul krop og en faldende en fyldt krop, så betydningen ikke kun hviler på farven.
Sparkline (Complete)
Bitte lille tendenslinje uden akser, dimensioneret til at sidde i tekst eller tabelceller.
Gauge (Complete)
Buemåler til en enkelt værdi med valgfrie farvede bånd. Eksponeret til hjælpeteknologi som et billede mærket med værdien.
LinearGauge (Complete)
Lige måler til en enkelt værdi, vandret eller lodret, med valgfrie farvede bånd.
BulletChart (Complete)
Kompakt fremdrift mod et mål: én søjle pr. mål med kvalitative intervaller og en målmarkering.
Map (Complete)
Et kort tegnet som almindelig SVG ud fra GeoJSON. Regioner kan farves efter en værdi, markører sidder på koordinater, og brugeren kan vælge en region, zoome og flytte.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Diagrammer (skemaer)
Diagram (Complete)
Rutediagrammer og organisationsdiagrammer tegnet som SVG. Felter placeres automatisk i niveauer ud fra deres forbindelser, eller på de X og Y, du angiver.
Planlægning
Scheduler (Complete)
Dags-, uge-, måneds-, dagsordens-, års- og tidslinjevisninger med begivenheder placeret efter tid, overlappende begivenheder side om side, træk og slip for at flytte en begivenhed, Shift med piletasterne som tastaturvej.
SchedulerEventEditor (Complete)
Formularen, som Scheduler-begivenhedsdialogen bruger: titel, beskrivelse, sted, hele dagen, start og slut, ressource, farve, påmindelse, tidszone og gentagelse.
RecurrenceEditor (Complete)
Redigerer en gentagelsesregel (iCalendar RRULE): dagligt, ugentligt på valgte dage, månedligt på en dag eller på den n'te ugedag, årligt; hver N perioder; aldrig, efter et antal gange eller til en dato.
Gantt (Complete)
En projektplan: en opgaveliste til venstre, søjler på en tidsskala til højre, med underopgaver, fremdrift, milepæle og afhængigheder fra slut til start.
Arbejdsområde
Ribbon (Complete)
Kommandolinjen i Office-stil: faner med grupper af kommandoer, kontekstuelle faner, en hurtig-adgang-strimmel og en minimeret tilstand.
DockLayout (Complete)
Et arbejdsområde af paneler. Paneler fastgøres til venstre, højre, top, bund eller midte, deler et område som faner, skjules til en skinne eller flyder over layoutet.
Window (Complete)
Et flydende, ikke-modalt vindue: flyt det, ændr størrelsen, minimér, maksimér og åbn flere på én gang.
DashboardLayout (Complete)
Gitter af felter, som brugeren flytter og ændrer størrelsen på med mus, berøring eller tastatur (Alt med piletaster flytter, Alt med Shift ændrer størrelse).
DesktopShell (Complete)
Et applikationsskal med et baggrundslag og en proceslinje nederst. De fire skrivebordstemaer (Desktop, Desktop Dark, Mist, Mist Dark) giver afrundede hjørner, bløde skygger og gennemsigtige flader.
Taskbar (Complete)
Bjælken nederst på siden med et startområde, modulnavnet, et midterområde og et meddelelsesområde.
Kanban (Complete)
Tavle med kolonner. Kort flyttes ved at trække eller med pileknapperne; tavlen udløser OnMove, og du opdaterer dine data, så den altid afspejler din tilstand.
Chat (Complete)
Beskedliste med skrivefelt. Listen er et live-område, der ruller til den nyeste besked, tekst vises altid som almindelig tekst, Enter sender, og Shift+Enter tilføjer en ny linje (MultiLine=false gør det til én linje).
MailView (Complete)
Viser HTML'en i en e-mail, der kommer udefra. HTML'en kører i en sandboxet ramme uden scripts, med en streng indholdssikkerhedspolitik, så den ikke kan røre applikationens side.
MessageEditor (Complete)
En let editor til at skrive en besked: fed, kursiv, understreget, lister, citat, link og ryd formatering, med en kontakt til almindelig tekst.
Office
PdfViewer (Complete)
En fremviser til alle PDF-versioner op til 2.0 (ISO 32000-2): sammenhængende sider, zoom og rotation, miniaturer, bogmærker, søgning, tekstmarkering, links, annotationer, formularfelter, lag, vedhæftninger.
PdfCompare (Complete)
Sammenligner teksten i to versioner af en PDF side for side og viser side om side, hvad der er tilføjet, fjernet og ændret.
DocumentEditor (Complete)
Et tekstbehandlingsprogram, der åbner og gemmer .docx (og det ældre .doc), Rich Text Format (.rtf) og OpenDocument (.odt)-filer.
RichTextEditor (Complete)
En kompakt editor til formateret tekst i en formular: den har en Value som et tekstfelt, men teksten kan være fed, kursiv, en liste, et link, et billede eller en tabel.
PresentationEditor (Complete)
En præsentationseditor, der åbner og gemmer .pptx (og det ældre .ppt) og OpenDocument (.odp)-filer.
Spreadsheet (Complete)
Et komplet regneark: formler og funktioner, formatering, flettede celler, frosne ruder, diagrammer, betinget formatering, datavalidering, flere ark, fortryd og gentag, kopiér og sæt ind, udfyld, sortér.
ProofingPanel (Complete)
Listen over stave-, grammatik- og logikproblemer, som PDF-fremviseren, dokumenteditoren, regnearket og præsentationseditoren viser.
DataGridSpreadsheetButton (Complete)
En værktøjslinjeknap til et DataGrid, der gemmer gitterets rækker (alle sider, efter filtrering og sortering, kun synlige kolonner) som en .xlsx-fil.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
AI-assistenter
RayCraft har ingen egne AI-funktioner. Dokumentationen er bygget, så AI-kodeassistenter kan bruge den godt:
- Beskrivende kontrolnavne, for eksempel DatePicker, Autocomplete og Dialog.
- Én side pr. kontrol med et resumé i et enkelt sprog og for de fleste kontroller et kort eksempel.
- Et tekstindeks over hver kontrol på llms.txt.
- Strukturerede data (JSON-LD) og en beskrivelse på hver side.
Kontrollér genereret kode mod kontrolsiden: en assistent kan stadig tage fejl.