Refresh
Scheme Violet Ocean Amber
Light / Dark
Buttons
Variants
Default Primary Outline Subtle Transparent Colored Disabled
Variants (on tinted background)
Default Primary Outline Subtle Transparent Colored Disabled
Sizes
Small Small with globe icon
Medium Medium with globe icon
Large Large with globe icon
States
Disabled Disabled
Loading
Refresh Refresh
Usage
<FluentButton Appearance="ButtonAppearance.Primary">Primary</FluentButton>
<FluentButton Appearance="ButtonAppearance.Outline">Outline</FluentButton>
<FluentButton Appearance="ButtonAppearance.Primary" Size="ButtonSize.Small">Small</FluentButton>
<FluentButton Appearance="ButtonAppearance.Primary" Disabled="true">Disabled</FluentButton>