Default
<Button>Button</Button>
Color
<Button Color="ComponentColor.Primary">Button</Button>

<Button Color="ComponentColor.Secondary">Button</Button>

<Button Color="ComponentColor.Tertiary">Button</Button>
Variant
<Button Variant="ComponentVariant.Solid">Button</Button>

<Button Variant="ComponentVariant.Outline">Button</Button>

<Button Variant="ComponentVariant.Ghost">Button</Button>
Icon
<Button IconLeft="Lucide.ArrowLeft" IconRight="Lucide.ArrowRight">Button</Button>
Icon Only
<Button ClassName="p-3!">
    <Blazicon Svg="Lucide.ArrowUp" class="size-4" />
</Button>
Size
<Button Size="ComponentSize.Large">Button</Button>

<Button Size="ComponentSize.Medium">Button</Button>

<Button Size="ComponentSize.Small">Button</Button>
Disabled
<Button Disabled>Button</Button>
Loading
<Button IsLoading>Button</Button>
Huge
<Button IsHuge>Button</Button>
Callback
Selected :
<Button Color="ComponentColor.Primary" OnClick="@(() => OnButtonClick("Primary"))">Button</Button>

<Button Color="ComponentColor.Secondary" OnClick="@(() => OnButtonClick("Secondary"))">Secondary</Button>

<Button Color="ComponentColor.Tertiary" OnClick="@(() => OnButtonClick("Tertiary"))">Tertiary</Button>

private void OnButtonClick(string buttonType)
{
    .....
}