Windows Shell UI Styles
Common Button Styles
Style | Preview | Markup |
---|---|---|
Primary | <button class="btn-primary">Primary</button> |
|
Secondary | <button class="btn-secondary">Secondary</button> |
|
Outline | <button class="preview" style="border:2px solid var(--primary);">Outline</button> |
Text Styles
Style | Example | Markup |
---|---|---|
Header | Header Text |
<h2>Header Text</h2> |
Subheader | Subheader text provides secondary information. |
<p class="subheader">Subheader text...</p> |
Caption | Caption or helper text. | <span class="caption">Caption...</span> |
List Styles
- Plain text list item
Code Sample
// Create a primary button using the Windows Shell style
Button btn = new Button();
btn.Text = "Click Me";
btn.Style = ButtonStyle.Primary;