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)
{
.....
}