RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

Button

Free

Utlöser en åtgärd, eller navigerar när Href är angivet (knappen visas då som en länk med samma utseende). Tre varianter (Filled, Outlined, Text), sex färger, tre storlekar och valfria ikoner före eller efter etiketten. För en knapp med enbart en ikon används IconButton. Loading visar en indikator i stället för startikonen och blockerar klick (så att ett dubbelt skickande inte kan ske); BusyWhileClicking gör detsamma automatiskt så länge en asynkron OnClick-hanterare körs.

Exempel

Kontrollen Button

Parametrar

ParameterTypBeskrivning
BusyWhileClickingboolVisar upptaget tillstånd så länge en asynkron OnClick-hanterare körs.
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
ColorButtonColorPrimary (standard), Secondary, Info, Success, Warning eller Danger.
DisabledboolInaktiverar interaktion.
EndIconIconName?Ikon som visas efter etiketten.
HrefstringLänkadress. På en Button gör den att knappen visas som en länk med samma utseende.
LoadingboolVisar ett förloppsfält ovanför raderna.
SizeSizeSmall, Medium (standard) eller Large; Dialog har också ExtraLarge.
StartIconIconName?Ikon som visas före etiketten.
StylestringInbäddad stil som läggs till på rotelementet.
TargetstringCountdown: tidpunkten att räkna ned till. Button: länkens webbläsarmål, till exempel _blank.
TypestringHur cellen ritas: Text, Check, Image, Progress, Link, Badge eller Dropdown.
VariantVariantVisuell stil: Filled, Outlined eller Text.

Händelser

HändelseTypBeskrivning
OnClickEventCallback<MouseEventArgs>Utlöses när knappen klickas.

Paket

Button ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.