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