syncfusion-maui-navigation-drawer

Configure Syncfusion Maui Navigation Drawer settings in .NET MAUI apps.

60|1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-navigation-drawer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: syncfusion-maui-navigation-drawer
Source: https://github.com/syncfusion/maui-ui-components-skills/tree/main/skills/syncfusion-maui-navigation-drawer
Command: npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-navigation-drawer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Skill helps developers implement and customize the Syncfusion Maui Navigation Drawer (SfNavigationDrawer) in .NET MAUI apps, reducing boilerplate and ensuring a consistent, polished navigation experience.

Core Features & Use Cases

  • Positioning flexibility: supports four edges (Left, Right, Top, Bottom) with configurable sizes.
  • Animations & transitions: supports SlideOnTop, Push, and Reveal for various UX needs, with duration and easing controls.
  • Structure & customization: DrawerHeaderView, DrawerContentView, DrawerFooterView, ContentView, and multi-drawer support (primary + secondary) for complex layouts.
  • Programmatic & gesture control: ToggleDrawer, IsOpen, swipe gestures, and event hooks for responsive apps.
  • Use cases: create main navigation, settings/filters panels, notifications, or contextual drawers in MAUI apps.

Quick Start

Install the Syncfusion Maui Navigation Drawer skill into your MAUI project, then add a SfNavigationDrawer with a ContentView and configure DrawerSettings for your desired position and size.

Frequently Asked Questions about syncfusion-maui-navigation-drawer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a side navigation drawer to a .NET MAUI app?

To add a side navigation drawer to a .NET MAUI app, configure the Syncfusion SfNavigationDrawer with a mandatory ContentView, set DrawerSettings for position and size, and apply desired transition animations.

Can I position a MAUI navigation drawer on the top or bottom of the screen?

Yes, the MAUI navigation drawer supports positioning on four edges: Left, Right, Top, and Bottom. You configure the desired placement and dimensions using the DrawerSettings properties in your .NET MAUI layout.

Does the MAUI navigation drawer support swipe gestures and programmatic toggling?

Yes, the navigation drawer supports both swipe gestures and programmatic control. You can use EnableSwipeGesture for touch interactions or toggle visibility programmatically using IsOpen and ToggleDrawer methods.

What is the best way to structure complex drawer layouts in a MAUI application?

The best way to structure complex drawer layouts is using DrawerHeaderView, DrawerContentView, and DrawerFooterView sections. It also supports multi-drawer setups with primary and secondary drawers for intricate navigation designs.

What animations are available for a MAUI navigation drawer?

Available animations for a MAUI navigation drawer include SlideOnTop, Push, and Reveal transitions. You can customize the user experience further by adjusting animation duration and easing controls within the DrawerSettings.

Is ContentView required when setting up a navigation drawer in MAUI?

Yes, ContentView is mandatory when setting up the navigation drawer. The SfNavigationDrawer requires a ContentView to display the main application content that the drawer overlays or pushes during navigation interactions.