<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>
Available options for PrimerButton component
Name | Description | Default Value | CSS 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 | - |