Skip to content

Button

SukiUI has a handful of button styles, available in both the standard primary color, but also in the theme's accent color.

Styles

Standard

button-standard

xml
<Button Content="Button"></Button>

Flat

button-flat

xml
<Button Content="Button" Classes="Flat"></Button>

Rounded

button-flat-rounded

xml
<Button Content="Button" Classes="Flat Rounded"></Button>

Outlined

button-outlined

xml
<Button Content="Button" Classes="Outlined"></Button>

Basic

button-basic

xml
<Button Content="Button" Classes="Basic"></Button>

Flat Accent

button-flat-accent

xml
<Button Content="Button" Classes="Flat Accent"></Button>

Large

button-large

xml
<Button Content="Button" Classes="Flat Large"></Button>

Busy/Loading Button

Axaml

xml
...
xmlns:theme="clr-namespace:SukiUI.Theme;assembly=SukiUI"
...

<Button theme:ButtonExtensions.ShowProgress="true"></Button>

C#

Csharp
   MyButton.ShowProgress();

   MyButton.HideProgress();

See Also

Demo: SukiUI.Demo/Features/ControlsLibrary/ButtonsView.axaml