The SideDrawer is a control enabling quick and easy navigation across all levels of your app. It can be accessed from anywhere within your app as it has 4 built-in opening directions and an array of predefined open/close animations.

Getting Started

This article shows how to create a RadSideDrawer. First, add references to the following assemblies:

  • Telerik.Core
  • Telerik.UI.Xaml.Primitives

Alternatively, you can add a reference to Telerik UI for Universal Windows Platform SDK.

Then add the Telerik.UI.Xaml.Primitives namespace in your xaml page:


Now, declare the RadSideDrawer:

<telerikPrimitives:RadSideDrawer />

The next step would be to create Main Content and Drawer Content:

            <Grid Background="Green">
                <TextBlock Text="Main Content" />
            <Grid Width="300" Background="Yellow">
                <TextBlock Text="Drawer Content" />

For further settings and customizations, you can check the Features article.