Basic Buttons

<PrimerButton Variant="ButtonVariant.Default"
                Size="ButtonSize.Small">
    Default
</PrimerButton>

<PrimerButton Variant="ButtonVariant.Primary"
                Size="ButtonSize.Small">
    Primary
</PrimerButton>
<PrimerButton Variant="ButtonVariant.Danger"
                Size="ButtonSize.Small"
                LeadingIcon="IconName.Alert16">
    Danger
</PrimerButton>
            
<PrimerButton Variant="ButtonVariant.Invisible"
                Size="ButtonSize.Small">
    Invisible
</PrimerButton>
<PrimerButton Variant="ButtonVariant.Default"
                Size="ButtonSize.Small"
                IsLoading="true">
    Loading...
</PrimerButton>

<PrimerButton Variant="ButtonVariant.Default"
                Size="ButtonSize.Small" Disabled="true">
    Primary
</PrimerButton>

Button Options

Available options for PrimerButton component

NameDescriptionDefault ValueCSS Class
Variant
Button visual style
Default
-
Size
Button size
Medium
-
FullWidth
Button full width
false
-
LeadingIcon
Icon before text
null
-
TrailingIcon
Icon after text
null
-
IsLoading
Loading spinner
false
-
Disabled
Disabled state
false
-