Buttons
Essential knowledge
Changed on:
20 May 2024
Overview
[Warning: empty required content area]Key points
[Warning: empty required content area]Button
A clickable component representing an option or providing the user with an available action to take.
Component Attribution
Is based on Material Design 2 with a Fluent theme.
Button Types
All Button Types:
1. Primary filled2. Primary Outline3. Secondary filled4. Secondary Outline5. Primary Text6. Secondary text
Button emphasis chart
Above: Buttons are listed in order of highest to lowest impact
1. Highest emphasis: Use for the most important action on a page.2. Medium emphasis: Used for occasional actions.3. Low emphasis: Use for minor actions.
A clickable component representing an option or providing the user with an available action to take.
Component Attribution
Is based on Material Design 2 with a Fluent theme.
Button Types
All Button Types:
1. Primary filled2. Primary Outline3. Secondary filled4. Secondary Outline5. Primary Text6. Secondary text
Button emphasis chart
Above: Buttons are listed in order of highest to lowest impact
1. Highest emphasis: Use for the most important action on a page.2. Medium emphasis: Used for occasional actions.3. Low emphasis: Use for minor actions.
