Skip to content
BUTTONS · FREE

Button

The button your whole app builds on: three styles, six colors, icons, and protection against double clicks.

Every application starts with a button, and this one is built to be trusted. It comes in three styles and six colors, takes icons before or after the label, and can turn into a link when you give it an address. While an action runs, it blocks a second click, so a double submit cannot happen.

Why it helps

  • Filled, outlined and text styles in six colors
  • Loading state that prevents double submits
  • Works as a link when an address is set

Where it fits

  • Forms and dialogs
  • Toolbars and headers
  • Call-to-action buttons that open a page
Button control in a RayCraft page

Example

<Button>Filled</Button>
<Button Variant="Variant.Outlined">Outlined</Button>
<Button Variant="Variant.Text">Text</Button>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation