syncfusion-maui-navigation-drawer
Implementing Navigation Drawers
The .NET MAUI Navigation Drawer (SfNavigationDrawer) is a component for creating navigation panes with sliding drawer functionality. It consists of a main content area and a sliding pane that extends from any edge of the screen. The drawer can be opened via swipe gestures or programmatically, supporting multiple positions, animations, and customization options.
When to Use This Skill
Use this skill when the user needs to:
- Navigation menus - Side panels for app navigation with menu items
- Hamburger menus - Classic mobile navigation pattern with slide-out drawer
- Drawer-based layouts - Apps requiring slide-out panels from any screen edge
- Multi-drawer UIs - Applications with drawers on multiple sides (left and right)
- Swipe navigation - Touch-based drawer interaction with gesture support
- Animated transitions - Smooth drawer animations (SlideOnTop, Push, Reveal)
- Context panels - Secondary content areas that slide in/out on demand
Component Overview
The SfNavigationDrawer control provides:
More from syncfusion/maui-ui-components-skills
syncfusion-maui-parallax-view
Implements Syncfusion .NET MAUI Parallax View (SfParallaxView) to create parallax scrolling effects where background elements move slower than foreground content. Use when working with parallax effects, parallax scrolling, background scroll effects, or depth scrolling. Covers both simple image parallax and complex custom control implementations for ScrollView and ListView.
65syncfusion-maui-cartesian-charts
Implements Syncfusion .NET MAUI Cartesian Chart (SfCartesianChart) for data visualization with 20+ chart types including line, area, column, bar, financial, statistical, and stacked charts. Use when implementing cartesian charts, line charts, area charts, or financial charts (candle, OHLC). Covers chart axes, legends, tooltips, trackball, zooming and panning, chart annotations, and trendlines.
58syncfusion-maui-signature-pad
Implements Syncfusion .NET MAUI SignaturePad (SfSignaturePad) for capturing digital signatures with realistic handwritten appearance. Use when working with signature capture, digital signatures, electronic signatures, or signing documents in .NET MAUI applications. Covers stroke customization, saving signatures as images, signature point data retrieval, and signature validation.
57syncfusion-maui-carousel
Implements Syncfusion .NET MAUI Carousel (SfCarousel) for navigating through image data or content collections. Use when implementing carousel controls, populating carousel items, or configuring view modes (linear/default). Covers animations, load more functionality, UI virtualization, transformations, and swipe events.
57syncfusion-maui-date-time-range-selector
Implements Syncfusion .NET MAUI DateTime Range Selector (SfDateTimeRangeSelector) for interactive date/time range selection with chart integration. Use when working with range selectors, date range pickers, time range selection, chart range filtering, or interactive range controls. Covers range selection UI, filtering chart data by date range, and selecting time periods.
57syncfusion-maui-circular-charts
Implements Syncfusion .NET MAUI Circular Charts (SfCircularChart) including pie, doughnut, and radial bar chart types. Use when implementing circular data visualization, pie charts, doughnut charts, or radial bar charts. Ideal for percentage breakdowns, category comparisons, part-to-whole relationships, or displaying proportional data in circular format.
57