Skip to main content

Button

Description​

Use Button for actions. Choose its Accent appearance for the primary action and Subtle for a less prominent command.

Button in light mode Button in dark mode

Captured state changes​

Disabled

Button disabled in light mode Button disabled in dark mode

Blue accent

Button blue accent in light mode

Orange accent

Button orange accent in light mode

Example usage​

<fluence:Button Content="Accent style button" Appearance="Accent" />

State and behavior​

Appearance changes emphasis. Pointer-over, pressed, keyboard focus, and disabled states change the surface.

Reference​