Introduktion
RayCraft är ett bibliotek av Blazor-kontroller (.NET 10: Server, WebAssembly och Auto) med ljusa, mörka och kompakta teman, engelska och bulgariska texter och stöd för tangentbord och skärmläsare. RayCraft Free är tillgängligt nu; RayCraft Complete är tillgängligt nu.
Installation
Lägg till paketet med:
dotnet add package RayCraft.BlazorSe Kom igång för installationsstegen. Fungerande exempel finns i det offentliga GitHub-arkiv, som bara innehåller exempel- och demokod, inte bibliotekets kod.
Kontroller
Knappar
Button (Free)
Utlöser en åtgärd, eller navigerar när Href är angivet (knappen renderas då som en länk med samma utseende).
IconButton (Free)
Knapp som bara visar en ikon. Label är obligatoriskt: det blir det tillgängliga namnet och tipset.
ButtonGroup (Free)
Fogar samman knappar till en segmenterad kontroll, vågrät eller lodrät. Kombinera med ToggleButton för en vyväljare.
ToggleButton (Free)
Knapp som behåller ett på/av-tillstånd och exponerar det med aria-pressed.
SplitButton (Free)
En huvudåtgärd med en meny av relaterade åtgärder. Samma MenuItem-element som Menu används.
FloatingActionButton (Free)
En fyrkantig knapp fastsatt i ett hörn av skärmen för huvudåtgärden. Extended visar texten bredvid ikonen; texten är alltid det tillgängliga namnet.
SpeedDial (Free)
En flytande knapp som öppnar en kort lista med åtgärder. Escape stänger listan; varje åtgärd är en riktig knapp i tabbordningen.
ProgressButton (Free)
En knapp som visar pågående arbete: en indikator medan Progress inte är angivet, ett fält längs nederkanten och en uppläst procent när det är det.
CopyButton (Free)
Kopierar en text till urklipp och bekräftar det med en bock. Kräver en säker kontext (https eller localhost).
Text och siffror
TextField (Free)
Enradig textinmatning. Fungerar med EditForm och DataAnnotations; felmeddelandet visas under fältet.
NumericField (Free)
Talinmatning för varje numerisk typ (int, decimal, double, nullable-versioner). Värden utanför Min och Max begränsas, och knapparna stegar med Step.
PercentField (Free)
Talfält som användaren skriver som procent (12.5) medan värdet lagras som ett bråktal (0.125).
MoneyField (Free)
Beloppsfält för decimal- och decimal?-värden. Texten formateras och tolkas med den aktuella kulturen (både 1,234.50 och 1.234,50 förstås), avrundas till Decimals och hålls inom Min och Max.
MaskedInput (Free)
Textfält som formaterar det du skriver efter en mask: 0 är en siffra, a en bokstav, * en bokstav eller siffra, vilket annat tecken som helst en fast avgränsare (escapea ett maskeringstecken med omvänt snedstreck).
OtpInput (Free)
En ruta per tecken för verifieringskoder. Att skriva går till nästa ruta, Backsteg till föregående, och en inklistrad kod fyller alla rutor.
SearchBox (Free)
Sökfält med ikon och rensningsknapp. OnSearch körs vid Enter, vid rensningsknappen och (valfritt) vid varje tangenttryckning; Escape rensar texten.
PasswordStrength (Free)
Visar hur starkt ett lösenord är med fyra staplar, ett ord och en lista över de regler det uppfyller.
InPlaceEditor (Free)
Visar ett värde som text; ett klick gör det till ett fält med spara- och avbryt-knappar.
Val från lista
Select (Free)
Rullgardin för att välja ett objekt. TValue kan vara vilken typ som helst, även dina egna poster.
DropDownList (Free)
En combobox för mycket långa listor. Bara de synliga alternativen ritas, så 100 000 poster öppnas direkt; att skriva begränsar listan.
MultiSelect (Free)
Rullgardin med kryssrutor för att välja flera objekt. Knappen sammanfattar valet; Markera alla och Rensa är inbyggda.
ListBox (Free)
Alltid synlig lista för ett val (radioknappar under) eller flera (kryssrutor).
Autocomplete (Free)
Textfält som filtrerar en lista medan du skriver. Stöder piltangenterna, Enter och Escape och följer ARIA combobox-mönstret.
MultiColumnComboBox (Free)
En Autocomplete vars lista visar flera kolumner med en rubrikrad. Att skriva söker i alla kolumner.
Cascader (Free)
Välj ett värde från en hierarki: en kolumn med val öppnar en kolumn med underval.
DropDownTree (Free)
Ett rullgardinsfält som öppnar ett träd för att välja en nod. Det är byggt av TreeView och Popover och behåller deras tangentbordsbeteende.
TagInput (Free)
Fri lista av taggar. Enter eller komma lägger till den skrivna texten, Backsteg i ett tomt fält tar bort den sista taggen, och varje tagg har en ta bort-knapp.
Mention (Free)
En textruta som föreslår namn efter ett utlösartecken (som standard @). Piltangenter och Enter väljer; det valda namnet infogas med utlösaren.
Reglage och betyg
Slider (Free)
Dra för att välja ett tal i ett intervall.
RangeSlider (Free)
Reglage med två handtag för att välja ett nedre och ett övre värde. Båda handtagen är native range-inmatningar, så piltangenterna fungerar.
RangeSelector (Free)
En remsa med två handtag som väljer ett intervall i en serie; en liten förhandsvisning av data ligger bakom handtagen.
Rating (Free)
Stjärnbetyg. Klicka på den aktuella stjärnan igen för att rensa det.
RatingDisplay (Free)
Skrivskyddade stjärnor med bråkdelar (4.5 visar fyra och en halv), ett valfritt tal och antal omdömen.
Färg och fil
ColorPicker (Free)
Färgfält med den inbyggda färgväljaren, en hex-textruta och valfria förinställda prover.
ColorPalette (Free)
Ett rutnät av färgprover som fungerar som en radiogrupp: ett tabbstopp, piltangenterna, Home och End flyttar och väljer.
ColorButton (Free)
En verktygsfältsknapp för en färg: en ikon med ett fält i den valda färgen under. Ett klick öppnar webbläsarens färgväljare.
FileUpload (Free)
Släppyta och filväljare. Den kontrollerar storlek, typ och antal, listar de godkända filerna och utlöser FilesChanged; att läsa innehållet är upp till dig (IBrowserFile.OpenReadStream).
SignaturePad (Free)
Rityta för en signatur med mus, finger eller penna. Värdet är en PNG som data-URL.
Redigerare
MarkdownEditor (Free)
Textområde med formateringsverktygsfält och live-förhandsvisning, för dem som skriver Markdown i stället för rik text.
AddressField (Free)
Ett mottagarfält för e-post: varje adress blir en chip. Skriv eller klistra in en lista, välj bland förslag från din datakälla, dubbelklicka på en chip för att redigera den och se direkt vilka adresser som inte är giltiga.
Val
Checkbox (Free)
Booleansk inmatning med etikett.
CheckboxGroup (Free)
En grupp kryssrutor för att välja flera objekt från en lista, i ett fieldset med förklaring så att skärmläsare tillkännager gruppens namn.
Radio (Free)
RadioGroup (Free)
Ett val från en kort lista. Använd Items för enkla listor eller Radio-barn för egna etiketter.
Switch (Free)
Boolesk brytare, tillkännagiven för hjälpmedel som en switch.
Chip (Free)
Kompakt etikett, valfritt borttagbar.
ChipSet (Free)
Chips som kan väljas, för filter och taggar. Ett val som standard, flera med Multiple.
ToggleGroup (Free)
Segmenterad kontroll för ett val (radiogrupp) eller flera (växlingsknappar). Använd den för vyväljare och formateringsväxlare.
TransferList (Free)
Två listor med knappar för att flytta objekt mellan dem, för att välja en delmängd från en lång lista.
Datum och tid
Calendar (Free)
Månadsrutnät som används av DatePicker och DateTimeRangePicker. Använd det ensamt för inbäddat datumval.
DatePicker (Free)
Datumfält med kalender. Månadsnamn, veckodagsnamn, veckans första dag och datumformatet (används också som standardplatshållare) följer det aktuella RayCraft-språket.
DateTimePicker (Free)
Ett fält för datum och tid: en DatePicker och en TimePicker sida vid sida som tillsammans binder en DateTime.
DateTimeRangePicker (Free)
Period med start och slut, vald på en kalender som visar två månader sida vid sida (Months) (första klicket sätter starten, andra slutet) och skriven eller justerad per fält.
MonthPicker (Free)
Väljer en månad och ett år. Värdet är månadens första dag.
YearPicker (Free)
Väljer ett år från ett rutnät med tolv år med knappar för tidigare och senare sidor.
WeekPicker (Free)
Väljer en hel vecka. Värdet är veckans första dag i det aktuella språket; fältet visar ISO-veckonumret och datumen.
TimeField (Free)
Det nakna tidsfältet som TimePicker, TimeRangePicker och DateTimeRangePicker är byggda på.
TimePicker (Free)
Tidsfält skrivet i formatet för det aktuella RayCraft-språket (9:30 AM på engelska, 9:30 på bulgariska), så det ser likadant ut i alla webbläsare.
TimeRangePicker (Free)
Start- och sluttid i ett fält, var och en skriven i formatet för det aktuella språket som TimePicker.
TimeSpanPicker (Free)
Anger en varaktighet som dagar, timmar, minuter och sekunder. Värdet är en TimeSpan.
EventCalendar (Free)
Månadsvy med händelser. Händelser över flera dagar visas på varje dag; en dag visar upp till MaxEventsPerDay och en länk +n till.
Formulär
ErrorSummary (Free)
Listar alla valideringsmeddelanden från det omgivande EditForm i ett block. Placera det i ett EditForm med en validerare.
FormLayout (Free)
Ordnar etiketter och fält i ett responsivt rutnät med tolv kolumner, med sektioner med rubrik.
FormState (Free)
Låser alla RayCraft-fält inuti med en parameter: Disabled blockerar dem helt, ReadOnly visar värdena utan att tillåta ändringar.
LoginForm (Free)
Färdigt inloggningsformulär med lokaliserad validering. Det utlöser OnSubmit med den inmatade LoginModel och lämnar själva inloggningen åt dig.
RegisterForm (Free)
Färdigt registreringsformulär: namn, e-post, lösenord och bekräftelse, med lokaliserad validering.
Captcha (Free)
Enkel mänsklig kontroll med en liten räknefråga. Den håller bara undan enkla botar; verifiera verkligt skydd på servern (till exempel med en tjänst byggd för det).
FormBuilder (Free)
Bygger ett formulär av fältdefinitioner: text, e-post, lösenord, tal, datum, textområde, lista, radio, kryssruta och brytare.
Layout
Container (Free)
Centrerar innehåll och begränsar dess bredd. Standardbredden följer brytpunkterna (540, 720, 960, 1140 och 1320 px).
Stack (Free)
Ordnar barn i en rad eller kolumn med ett konsekvent avstånd.
Grid (Free)
Rutnät med 12 kolumner. Span anger bredden på ett objekt på varje skärm, och Sm, Md, Lg, Xl och Xxl ändrar den från den brytpunkten och uppåt (samma som på sidan Breakpoints).
GridItem (Free)
Spacer (Free)
Tomt element som växer för att fylla det lediga utrymmet i en flex-rad och skjuter de följande objekten till slutet.
Divider (Free)
Tunn linje som skiljer innehåll åt, vågrät eller lodrät.
Card (Free)
Behållare med valfritt sidhuvud och sidfot.
Panel (Free)
Sektion med rubrik och valfri hopfällningsknapp och åtgärder i sidhuvudet.
Fieldset (Free)
Grupperar relaterade formulärkontroller under en förklaring. Disabled inaktiverar varje kontroll inuti.
Toolbar (Free)
Rad med verktygsknappar med role=toolbar.
Splitter (Free)
Två storleksändringsbara rutor. Dra fältet med mus eller beröring, eller ge det fokus och använd piltangenterna (Skift för större steg, Home och End för gränserna).
Accordion (Free)
Utfällbara sektioner. Som standard stänger öppnandet av en de andra; ange Multiple för att tillåta flera.
Collapse (Free)
Visar eller döljer sitt innehåll. Bind Expanded till vilken knapp som helst; KeepMounted behåller innehållet på sidan medan det är dolt.
TagCloud (Free)
Ord i storlekar som följer deras vikt. Taggar kan vara länkar, knappar som väljer eller vanlig text.
TitleIndex (Free)
En lista grupperad efter första bokstav med ett bokstavsfält överst. En bokstav flyttar fokus (och vyn) till sin sektion; bokstäver utan objekt är inaktiverade.
Navigering
AppBar (Free)
Övre fält för titeln och huvudåtgärderna. Lägg länkar i NavContent så står de i fältet på breda skärmar och viks bort bakom en menyknapp under 768 px.
Drawer (Free)
Sidopanel. Tillfälliga paneler flyter över sidan med en bakgrund, stängs med Escape och flyttar fokus in i panelen; ange Temporary=false för ett permanent sidofält.
NavMenu (Free)
Lodrät navigering med markering av den aktiva sidan (byggd på NavLink) och hopfällbara grupper.
NavItem (Free)
NavGroup (Free)
Tabs (Free)
Växlar mellan paneler. Stöder piltangenterna, Home och End.
Stepper (Free)
Leder användaren genom en följd av steg med knapparna Tillbaka och Nästa.
Wizard (Free)
Ett guidat flöde i steg. Varje steg kan validera innan användaren går vidare, ett steg kan vara valfritt, avslutade steg kan öppnas igen, och resultatet kan visa en egen sida.
Breadcrumbs (Free)
Visar vägen till den aktuella sidan. Det sista objektet är den aktuella sidan.
Menu (Free)
Knapp som öppnar en lista med åtgärder. Stängs vid val, Escape eller ett klick utanför.
MenuItem (Free)
ContextMenu (Free)
Meny som öppnas med höger musknapp eller snabbmenytangenten över sitt innehåll.
MenuBar (Free)
Ett vågrätt menyfält för applikationer: menyer på översta nivån med kommandon, genvägar, bockar, ikoner och undermenyer.
CommandContextMenu (Free)
En snabbmeny byggd från MenuCommand-data, med undermenyer, bockar, genvägar och samma tangentbordshantering som MenuBar.
TextContextMenu (Free)
Högerklicksmenyn för ett redigerbart textelement: ångra, gör om, klipp ut, kopiera, klistra in och markera allt, plus kommandon du lägger till.
ProfileMenu (Free)
Avatar, namn och en meny för den inloggade användaren, byggd av samma MenuItem-element som Menu.
Pagination (Free)
Sidväljare med ellips för långa intervall.
TreeView (Free)
Hierarkisk lista som följer ARIA tree-mönstret. Piltangenter flyttar och fäller ut, Home och End hoppar, Enter eller mellanslag väljer.
ScrollSpy (Free)
En innehållsförteckning på sidan som markerar den rubrik som för tillfället är överst på skärmen.
Överlägg
Dialog (Free)
Modalt fönster. Fokus flyttas in och stannar där tills det stängs (Escape, stängknappen eller ett klick på bakgrunden); därefter återgår fokus till föregående element.
DialogHost (Free)
Popover (Free)
Flytande panel som öppnas av en aktivator. Stängs med Escape eller ett klick utanför.
Tooltip (Free)
Kort tips som visas vid hovring och vid tangentbordsfokus. Ren CSS, så det fungerar också innan sidan blir interaktiv.
Overlay (Free)
Dämpar sidan (eller, med Absolute, dess placerade förälder) och kan visa innehåll som en laddningsindikator.
Lightbox (Free)
Tour (Free)
Steg-för-steg-introduktion som markerar sidelement valda med CSS-väljare. Steg utan matchande element visas i mitten.
ColorDialog (Free)
FontDialog (Free)
SnackbarHost (Free)
Återkoppling
Alert (Free)
Inbäddat meddelande färgat efter allvarlighetsgrad, med en motsvarande ikon. Ange Dismissible för att visa en stängknapp; använd bind-Visible eller OnDismiss för att reagera när det stängs.
Badge (Free)
Liten statusetikett.
BusyOverlay (Free)
Omsluter ett område och dämpar det medan Busy är true, och visar en laddningsindikator ovanpå. Täckningen blockerar musen, markerar området med aria-busy och tillkännager etiketten.
CookieConsent (Free)
Ett banner som frågar vilka cookies som tillåts. Det kommer ihåg svaret i lokal lagring, erbjuder Godkänn alla, Endast nödvändiga och ett val per kategori, och blockerar inte sidan.
EmptyState (Free)
Meddelande för listor och sidor utan innehåll, med ikon, förklaring och valfria åtgärder.
NotificationCenter (Free)
En klockknapp med antalet olästa aviseringar och en panel som listar dem. Man kan läsa, avfärda och rensa dem; antalet tillkännages för skärmläsare.
ProgressBar (Free)
Visar förlopp från 0 till Max. Utan Value är det obestämt.
ProgressCircular (Free)
Ring som visar ett bestämt förloppsvärde. Använd Spinner för okänd varaktighet.
ResultPage (Free)
Ett helsidesmeddelande för ett utfall: lyckades, fel, information, varning, sidan hittades inte, ingen åtkomst och serverfel, med ikon, rubrik, text och knappar.
Skeleton (Free)
Platshållare som visas medan innehåll laddas.
SkeletonPreset (Free)
Färdiga laddningsplatshållare: kort, lista, tabell, profil och stycke. De tillkännager ett upptaget tillstånd för skärmläsare.
Spinner (Free)
Obestämd laddningsindikator med ett lokaliserat tillgängligt namn.
Content
Typography (Free)
Rubriker, brödtext, bildtexter och överlinjer med temats typsnitt och storlekar. Rubriker renderar riktiga h1- till h6-element.
Icon (Free)
Ett bibliotek av vanliga ikoner i en konsekvent stil: 16 px rutnät, 1,5 px linjer, fyrkantiga ändar.
Image (Free)
Bild med obligatorisk alternativtext, anpassningslägen, valfri ram och bildtext. Fördröjd laddning är på som standard.
ImageGallery (Free)
Rutnät av miniatyrer som öppnar en helskärmsvisare (Lightbox) med föregående- och nästa-knappar, piltangenterna och Escape.
Avatar (Free)
Fyrkantigt användarmärke: bild, initialer beräknade från ett namn eller en standardanvändarikon.
AvatarGroup (Free)
Överlappande avatarer för ett team eller personerna på ett objekt. Fler än Max personer viks ihop till en +n-avatar vars tips listar namnen.
Link (Free)
Formaterat ankare. Externa länkar öppnas i en ny flik med rel="noopener noreferrer" och visar en ikon.
Statistic (Free)
Stort tal med en etikett, en valfri trend och extra innehåll som en Sparkline.
Descriptions (Free)
Nyckel-värde-par i ett rutnät, för detaljerna i en post. Kolumnerna viks ihop till en på smala skärmar.
Timeline (Free)
Lodrät följd av händelser med markör, tid och valfri allvarlighetsfärg.
Carousel (Free)
Bilder med föregående- och nästa-knappar och indikatorer. Automatisk uppspelning är valfri; den pausar vid hovring och fokus och har en pausknapp, som WCAG kräver.
Countdown (Free)
Räknar ner till en tidpunkt och utlöser OnFinished när den nås.
Highlighter (Free)
Markerar varje förekomst av en söktext i en sträng, utan hänsyn till versaler om inte CaseSensitive anges.
Marquee (Free)
Rullande remsa för korta meddelanden. Den pausar vid hovring och fokus, har en pausknapp (WCAG 2.2.2) och stannar helt när systemet ber om minskad rörelse.
CodeBlock (Free)
Visar källkod med lätt syntaxfärgning (C#, JavaScript, TypeScript, JSON, HTML, SCSS, SQL och shell), valfria radnummer och en kopieringsknapp.
Markdown (Free)
Visar Markdown-text: rubriker, betoning, länkar, bilder, listor (nästlade), citat, kod, tabeller och linjer.
QrCode (Free)
Ritar en QR-kod som vanlig SVG, utan bildtjänst eller skript. Text upp till 2331 byte (alla 40 versioner, felkorrigeringsnivå M).
Barcode (Free)
Ritar Code 128 (all utskrivbar ASCII, siffror packas i par), Code 39 (versaler, siffror och - . $ / + % mellanslag), EAN-13, EAN-8 och UPC-A (kontrollsiffran läggs till, eller verifieras när den anges) som vanlig SVG.
PricingTable (Free)
Plankort med pris, funktionslista och knapp, med en valfri växlare mellan månads- och årsfakturering.
CommentThread (Free)
Kommentarer med svar, en ruta för en ny kommentar och kommandona Svara och Ta bort. Texten visas som den skrevs (radbrytningar bevaras, inget behandlas som HTML).
ActivityFeed (Free)
En lista över vad som hänt och vem som gjorde det, nyast först, grupperad per dag, med en ikon eller aktörens initialer och en valfri detaljrad.
Lätta data
Table (Free)
Enkel formaterad HTML-tabell för statiska data. Använd DataGrid när du behöver sortering, filtrering eller sidindelning.
List (Free)
Lodrät lista med objekt med ikon, två textrader och en avslutande åtgärd. Objekt blir länkar eller knappar när Href eller OnClick anges.
Repeater (Free)
Visar en lista av objekt med din egen mall. Den lägger till det en vanlig loop saknar: en rubrik, ett tomt tillstånd, ett rutnät med ett bestämt antal kolumner och valfri sidindelning (PageSize).
VirtualList (Free)
En rullande lista som bara ritar de synliga raderna, för hundratusentals objekt.
PropertyGrid (Free)
Redigerar de offentliga egenskaperna hos vilket objekt som helst, grupperade efter Category och märkta med DisplayName.
Dra
Sortable (Free)
Lista som kan ordnas om genom att dra, eller med flyttknapparna för tangentbord och beröring.
Inställningar
ThemeToggle (Free)
Färdiga brytare för teman Light, Dark, Slate och Slate Dark (ThemeToggle går igenom dem ett i taget), den bekväma/kompakta tätheten (DensityToggle) och språket en-US/bg-BG (LanguageToggle).
ThemeMenu (Free)
En rullgardin för tema och täthet: Slate, Slate Dark, Desktop, Desktop Dark, Mist, Mist Dark, Dark och Light, var och en i normal och kompakt täthet.
DensityToggle (Free)
LanguageToggle (Free)
Verktyg
BreakpointObserver (Free)
Talar om för din kod i vilken namngiven brytpunkt (Xs till Xxl) fönstret befinner sig och renderar om när den ändras.
Fullscreen (Free)
Lägger till en knapp som visar sitt innehåll i helskärm. Den använder Fullscreen-API:t och ett lager över hela fönstret i webbläsare utan det (vissa telefoner).
Hotkey (Free)
Osynlig komponent som kör en återanropsfunktion för ett kortkommando som alt+k eller mod+shift+l (mod är Ctrl i Windows och Cmd i macOS).
InfiniteScroll (Free)
Laddar mer innehåll när slutet av en lista kommer i sikte. Den använder IntersectionObserver (med rullningsreserv) och utlöser OnLoadMore; ange Loading medan du hämtar och HasMore till false i slutet.
ScrollToTop (Free)
Flytande knapp som visas efter rullning nedåt och återgår till sidans topp.
Data
DataGrid (Complete)
Tabell med sortering (klicka på en rubrik: stigande, fallande, av), filter per kolumn, sidindelning, radval och mallar.
TreeList (Complete)
Ett träd vars noder är tabellrader. Fäll ut och in, sortera, filtrera och välj kolumner; tangentbordet följer WAI-ARIA treegrid-mönstret.
PivotGrid (Complete)
Sammanfattar en lista i en korstabell: fält på raderna, fält över kolumnerna och siffror i cellerna, med delsummor, totalsummor och en fältväljare.
QueryBuilder (Complete)
Bygger en fråga av nästlade grupper av villkor, varje grupp kombinerad med AND eller OR.
DataFilter (Complete)
Bygger ett filter av villkor (fält, operator, värde) och returnerar det som ett predikat, så att det fungerar med vilken lista som helst och med DataGrid-objekt.
FileExplorer (Complete)
Filläsare för en lagring som din kod tillhandahåller (en databas, en disk eller molnet).
FileManager (Complete)
Mappträd, sökväg och en list- eller brickvy av filerna i den aktuella mappen, med sökning, sortering, ny mapp, namnbyte, borttagning och uppladdning.
Diagram
LineChart (Complete)
Linjediagram med flera serier, valfri utjämning och ytfyllning. Klicka på en post i teckenförklaringen för att dölja eller visa en serie.
AreaChart (Complete)
Staplade, procentuella och överlappande ytor. Staplade och procentuella ytor är solida så att summan och andelarna är lätta att läsa.
BarChart (Complete)
Grupperade eller staplade staplar, lodräta eller vågräta, med stöd för negativa värden i grupperat läge.
ComboChart (Complete)
Staplar och linjer på gemensamma axlar. Markera en serie med AsLine för att rita den som en linje.
PieChart (Complete)
Cirkel- eller munkdiagram. Segment med värdet noll eller lägre hoppas över, och poster i teckenförklaringen döljer segment.
RadarChart (Complete)
Jämför flera mått för varje serie på ekrar runt ett centrum.
ScatterChart (Complete)
Punkter på två numeriska axlar. Klicka på en post i teckenförklaringen för att dölja en serie; data finns också som en dold tabell för skärmläsare.
BubbleChart (Complete)
Ett spridningsdiagram med en tredje dimension: arean på varje fyrkantig markör följer storleksvärdet.
Histogram (Complete)
Antal värden i lika stora intervall, ritade som angränsande staplar. Välj antal intervall eller intervallbredd och visa antal eller andelar.
BoxPlot (Complete)
Spridningen hos en grupp tal. Lådan är den mellersta hälften, linjen är medianen, morrhåren når det mest avlägsna värdet inom 1,5 gånger lådans höjd, och enstaka fyrkanter är extremvärden.
HeatmapChart (Complete)
Rutnät av celler vars intensitet visar värdet. Text och intensitet väljs för att behålla kontrasten i båda teman.
CalendarHeatmap (Complete)
Ett år av dagar som små rutor, en kolumn per vecka, mörkare där värdet är högre.
TreemapChart (Complete)
Rektanglar vars ytor är proportionella mot värdena, lagda med squarified-algoritmen.
SunburstChart (Complete)
Hierarki som koncentriska ringar: varje ring är en nivå och vinkeln på en båge är proportionell mot dess summa.
SankeyChart (Complete)
Flödesdiagram: noder placeras i kolumner efter sin väg och länkbredderna är proportionella mot mängden.
FunnelChart (Complete)
Steg som smalnar av efter sina värden, med första stegets andel.
WaterfallChart (Complete)
En löpande summa med ökningar, minskningar och summor. Grönt och rött skiljs också åt av tecknet +/- på varje stapel och i datatabellen.
CandlestickChart (Complete)
Öppning, högsta, lägsta och stängning för varje period, med valfri volym. En stigande period har en ihålig kropp och en fallande en fylld kropp, så betydelsen vilar inte bara på färg.
Sparkline (Complete)
Pytteliten trendlinje utan axlar, dimensionerad för att sitta i text eller tabellceller.
Gauge (Complete)
Bågmätare för ett enskilt värde med valfria färgade band. Exponeras för hjälpmedel som en bild märkt med värdet.
LinearGauge (Complete)
Rak mätare för ett enskilt värde, vågrät eller lodrät, med valfria färgade band.
BulletChart (Complete)
Kompakt framsteg mot ett mål: en stapel per mått med kvalitativa intervall och en målmarkering.
Map (Complete)
En karta ritad som vanlig SVG från GeoJSON. Regioner kan färgas efter ett värde, markörer sitter på koordinater, och användaren kan välja en region, zooma och flytta.
ChartDataTable (Complete)
ChartLegend (Complete)
ChartToolbar (Complete)
Diagram (scheman)
Diagram (Complete)
Flödesscheman och organisationsscheman ritade som SVG. Rutor placeras automatiskt i nivåer utifrån sina kopplingar, eller på de X och Y du anger.
Planering
Scheduler (Complete)
Dag-, vecko-, månads-, agenda-, års- och tidslinjevyer med händelser placerade efter tid, överlappande händelser sida vid sida, dra och släpp för att flytta en händelse, Skift med piltangenterna som tangentbordsväg.
SchedulerEventEditor (Complete)
Formuläret som Scheduler-händelsedialogen använder: rubrik, beskrivning, plats, heldag, start och slut, resurs, färg, påminnelse, tidszon och upprepning.
RecurrenceEditor (Complete)
Redigerar en upprepningsregel (iCalendar RRULE): dagligen, veckovis på valda dagar, månadsvis på en dag eller på den n:te veckodagen, årligen; var N:e period; aldrig, efter ett antal gånger eller till ett datum.
Gantt (Complete)
En projektplan: en uppgiftslista till vänster, staplar på en tidsskala till höger, med deluppgifter, förlopp, milstolpar och slut-till-start-beroenden.
Arbetsyta
Ribbon (Complete)
Kommandofältet i Office-stil: flikar med grupper av kommandon, kontextuella flikar, en snabbåtkomstremsa och ett minimerat läge.
DockLayout (Complete)
En arbetsyta av paneler. Paneler dockas till vänster, höger, överst, nederst eller i mitten, delar ett område som flikar, viks ihop till ett spår eller flyter ovanpå layouten.
Window (Complete)
Ett flytande, icke-modalt fönster: flytta det, ändra storlek, minimera, maximera och öppna flera samtidigt.
DashboardLayout (Complete)
Rutnät av brickor som användaren flyttar och ändrar storlek på med mus, beröring eller tangentbord (Alt med piltangenter flyttar, Alt med Skift ändrar storlek).
DesktopShell (Complete)
Ett applikationsskal med ett bakgrundslager och ett aktivitetsfält längst ner. De fyra skrivbordsteman (Desktop, Desktop Dark, Mist, Mist Dark) ger det rundade hörn, mjuka skuggor och genomskinliga ytor.
Taskbar (Complete)
Fältet längst ner på sidan med ett startområde, modulnamnet, ett mittområde och ett meddelandefält.
Kanban (Complete)
Tavla med kolumner. Kort flyttas genom att dra eller med pilknapparna; tavlan utlöser OnMove och du uppdaterar dina data, så den speglar alltid ditt tillstånd.
Chat (Complete)
Meddelandelista med skrivfält. Listan är en live-region som rullar till det senaste meddelandet, text visas alltid som vanlig text, Enter skickar och Skift+Enter lägger till en ny rad (MultiLine=false gör det till en rad).
MailView (Complete)
Visar HTML i ett e-postmeddelande som kommer utifrån. HTML körs i en sandlåderam utan skript, med en sträng innehållssäkerhetspolicy, så att det inte kan röra applikationens sida.
MessageEditor (Complete)
En lätt redigerare för att skriva ett meddelande: fetstil, kursiv, understruken, listor, citat, länk och rensa formatering, med en brytare till vanlig text.
Office
PdfViewer (Complete)
En visare för alla PDF-versioner upp till 2.0 (ISO 32000-2): sammanhängande sidor, zoom och rotation, miniatyrer, bokmärken, sökning, textmarkering, länkar, anteckningar, formulärfält, lager, bilagor.
PdfCompare (Complete)
Jämför texten i två versioner av en PDF sida för sida och listar sida vid sida vad som lagts till, tagits bort och ändrats.
DocumentEditor (Complete)
Ett ordbehandlingsprogram som öppnar och sparar .docx (och det äldre .doc), Rich Text Format (.rtf) och OpenDocument (.odt)-filer.
RichTextEditor (Complete)
En kompakt redigerare för formaterad text i ett formulär: den har ett Value som en textruta, men texten kan vara fetstil, kursiv, en lista, en länk, en bild eller en tabell.
PresentationEditor (Complete)
En presentationsredigerare som öppnar och sparar .pptx (och det äldre .ppt) och OpenDocument (.odp)-filer.
Spreadsheet (Complete)
Ett fullständigt kalkylblad: formler och funktioner, formatering, sammanslagna celler, fixerade rutor, diagram, villkorsstyrd formatering, datavalidering, flera blad, ångra och gör om, kopiera och klistra in, fyll, sortera.
ProofingPanel (Complete)
Listan över stavnings-, grammatik- och logikproblem som PDF-visaren, dokumentredigeraren, kalkylbladet och presentationsredigeraren visar.
DataGridSpreadsheetButton (Complete)
En verktygsfältsknapp för ett DataGrid som sparar rutnätets rader (alla sidor, efter filtrering och sortering, bara synliga kolumner) som en .xlsx-fil.
DataGridPdfButton (Complete)
SchedulerPdfButton (Complete)
ReportButton (Complete)
SlideView (Complete)
PasswordPrompt (Complete)
AI-assistenter
RayCraft har inga egna AI-funktioner. Dokumentationen är byggd så att AI-kodassistenter kan använda den väl:
- Beskrivande kontrollnamn, till exempel DatePicker, Autocomplete och Dialog.
- En sida per kontroll med en sammanfattning på vanligt språk och, för de flesta kontroller, ett kort exempel.
- Ett textindex över varje kontroll på llms.txt.
- Strukturerade data (JSON-LD) och en beskrivning på varje sida.
Kontrollera genererad kod mot kontrollens sida: en assistent kan fortfarande ha fel.