RayCraftDocs
v1.0.3
da
raycraft.dev
På denne side

Button

Free

Udløser en handling eller navigerer, når Href er angivet (knappen vises så som et link med samme udseende). Tre varianter (Filled, Outlined, Text), seks farver, tre størrelser og valgfrie ikoner før eller efter etiketten. Brug IconButton til en knap med kun et ikon. Loading viser en indikator i stedet for startikonet og blokerer klik (så en dobbelt afsendelse ikke kan ske); BusyWhileClicking gør det samme automatisk, så længe en asynkron OnClick-handler kører.

Eksempel

Kontrollen Button

Parametre

ParameterTypeBeskrivelse
BusyWhileClickingboolViser den optagede tilstand, så længe en asynkron OnClick-handler kører.
ChildContentRenderFragmentIndhold, der gengives inde i komponenten.
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
ColorButtonColorPrimary (standard), Secondary, Info, Success, Warning eller Danger.
DisabledboolDeaktiverer interaktion.
EndIconIconName?Ikon, der vises efter etiketten.
HrefstringLinkadresse. På en Button får den knappen til at blive vist som et link med samme udseende.
LoadingboolViser en fremdriftsbjælke over rækkerne.
SizeSizeSmall, Medium (standard) eller Large; Dialog har også ExtraLarge.
StartIconIconName?Ikon, der vises før etiketten.
StylestringIndlejret typografi, der tilføjes til rodelementet.
TargetstringCountdown: tidspunktet, der tælles ned til. Button: linkets browsermål, for eksempel _blank.
TypestringHvordan cellen tegnes: Text, Check, Image, Progress, Link, Badge eller Dropdown.
VariantVariantVisuel stil: Filled, Outlined eller Text.

Hændelser

HændelseTypeBeskrivelse
OnClickEventCallback<MouseEventArgs>Udløses, når der klikkes på knappen.

Pakke

Button er en del af RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.