BlazorUI Demo

Icon button

Compact icon-only actions require an accessible label and may use square or circular geometry.

Examples
View code 
<BuiStack Orientation="Orientation.Horizontal" Align="Align.Center" Gap="2">
    <BuiIconButton Icon="LucideIcons.Search" AriaLabel="Search" />
    <BuiIconButton Icon="LucideIcons.Settings" AriaLabel="Settings" Circular Variant="Variant.Soft" />
    <BuiIconButton Icon="LucideIcons.Trash2" AriaLabel="Delete" Color="Colors.Error" Variant="Variant.Outlined" />
    <BuiIconButton Icon="LucideIcons.RefreshCw" AriaLabel="Refreshing" Loading />
    <BuiIconButton Icon="LucideIcons.Lock" AriaLabel="Unavailable" Disabled />
</BuiStack>