2. Controls

Layout

SliverPage

<controls:SliverPage Header="Settings">
       
 </controls:SliverPage>

A control an animated header, back button, and an included ScrollViewer for android-inspired behavior.

Note : BackButton will automatically call MobileNavigation.Pop(), so use SliverPage with CherylUI MobileNavigation.

Themed Controls

Buttons

                    <Button Classes="Small">
                        <TextBlock Text="Small" />
                    </Button>

                    <Button Classes="Secondary">
                        <TextBlock Text="Secondary" />
                    </Button>

                    <Button Classes="Text">
                        <TextBlock Text="Text" />
                    </Button>

                    <Button>
                        <TextBlock Text="Normal" />
                    </Button>

Switch

<ToggleButton Classes="Switch" />

Slider

<Slider />

Textbox

<StackPanel>
   <TextBlock Classes="DemiBold" Margin="5,0,0,0" Text="Username" />
   <TextBox Watermark="Bob" />
</StackPanel>

Card

<Border Classes="Card />

CheckBox

<Checkbox />

RadioButton

<RadioButton />

ProgressBar

<Progressbar />