Button

Free

Activeert een actie, of navigeert wanneer Href is ingesteld (de knop wordt dan als koppeling met hetzelfde uiterlijk weergegeven). Drie varianten (Filled, Outlined, Text), zes kleuren, drie groottes en optionele pictogrammen voor of na het label. Gebruik IconButton voor een knop met alleen een pictogram. Loading toont een draaiende indicator in plaats van het beginpictogram en blokkeert klikken (zodat dubbel verzenden niet kan gebeuren); BusyWhileClicking doet automatisch hetzelfde zolang een asynchrone OnClick-handler draait.

Voorbeeld

Parameters

Parameter	Type	Beschrijving
`BusyWhileClicking`	`bool`	Toont de bezig-status zolang een asynchrone OnClick-handler draait.
`ChildContent`	`RenderFragment`	Inhoud die binnen de component wordt weergegeven.
`Class`	`string`	Extra CSS-klassen die aan het hoofdelement worden toegevoegd.
`Color`	`ButtonColor`	Primary (standaard), Secondary, Info, Success, Warning of Danger.
`Disabled`	`bool`	Schakelt interactie uit.
`EndIcon`	`IconName?`	Pictogram dat na het label wordt getoond.
`Href`	`string`	Koppelingsadres. Op een Button laat het de knop als koppeling met hetzelfde uiterlijk weergeven.
`Loading`	`bool`	Toont een voortgangsbalk boven de rijen.
`Size`	`Size`	Small, Medium (standaard) of Large; Dialog heeft ook ExtraLarge.
`StartIcon`	`IconName?`	Pictogram dat vóór het label wordt getoond.
`Style`	`string`	Inline stijl die aan het hoofdelement wordt toegevoegd.
`Target`	`string`	Countdown: het moment waartoe wordt afgeteld. Button: browserdoel van de koppeling, bijvoorbeeld _blank.
`Type`	`string`	Hoe de cel wordt getekend: Text, Check, Image, Progress, Link, Badge of Dropdown.
`Variant`	`Variant`	Visuele stijl: Filled, Outlined of Text.

Gebeurtenissen

Gebeurtenis	Type	Beschrijving
`OnClick`	`EventCallback<MouseEventArgs>`	Geactiveerd wanneer op de knop wordt geklikt.

Pakket

Button maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.

Feedback sturenVersie 1.0.3