Button
FreeTriggers an action, or navigates when Href is set (the button then renders as a link with the same look). Three variants (Filled, Outlined, Text), six colors, three sizes, and optional icons before or after the label. For a button with only an icon use IconButton. Loading shows a spinner in place of the start icon and blocks clicks (so a double submit cannot happen); BusyWhileClicking does the same automatically for as long as an asynchronous OnClick handler runs.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
BusyWhileClicking | bool | Shows the busy state for as long as an asynchronous OnClick handler runs. |
ChildContent | RenderFragment | Content rendered inside the component. |
Class | string | Extra CSS classes added to the root element. |
Color | ButtonColor | Primary (default), Secondary, Info, Success, Warning or Danger. |
Disabled | bool | Disables interaction. |
EndIcon | IconName? | Icon shown after the label. |
Href | string | Link address. On a Button it makes the button render as a link with the same look. |
Loading | bool | Shows a progress bar above the rows. |
Size | Size | Small, Medium (default) or Large; Dialog also has ExtraLarge. |
StartIcon | IconName? | Icon shown before the label. |
Style | string | Inline style added to the root element. |
Target | string | Countdown: the moment to count down to. Button: browser target of the link, for example _blank. |
Type | string | How the cell is drawn: Text, Check, Image, Progress, Link, Badge or Dropdown. |
Variant | Variant | Visual style: Filled, Outlined or Text. |
Events
| Event | Type | Description |
|---|---|---|
OnClick | EventCallback<MouseEventArgs> | Raised when the button is clicked. |
Package
Button is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3