agentsclimarketplace

Syncfusion maui toolkit bottom sheet

Skill syncfusion/maui-toolkit-ui-components-skills/skills/syncfusion-maui-toolkit-bottom-sheet

Skills for Syncfusion® Toolkit for .NET MAUI components. Enable AI-assisted development with comprehensive documentation, code examples, and best practices for 30+ UI controls including Charts, Calendar, Cards and more.

Install
npx -y skills add syncfusion/maui-toolkit-ui-components-skills --skill syncfusion-maui-toolkit-bottom-sheet

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

What its author says it does

Copied from the file, not written here

Implement the Syncfusion .NET MAUI Bottom Sheet (SfBottomSheet) control with state management, content configuration, gesture support, and customization. Covers setup, content binding, state transitions, styling, events, and interactive patterns for sliding content panels.

SKILL.md

4.0 KB, as published. Nobody here has run it

.NET MAUI Bottom Sheet (SfBottomSheet)

Overview

The Bottom Sheet is a user interface component that slides up from the bottom of the screen, allowing users to interact with additional information or actions without navigating away from the main screen. The Syncfusion SfBottomSheet control provides comprehensive state management, content configuration, gesture support, and extensive customization options for .NET MAUI applications.

Key Features:

  • Multiple states: FullExpanded, HalfExpanded, Collapsed, Hidden
  • Flexible content configuration with data binding support
  • Touch gestures: swipe to expand/collapse
  • Extensive customization: colors, dimensions, corner radius, padding, grabber styling
  • Event handling and state change notifications
  • Modal and non-modal display modes
  • Programmatic control via IsOpen property and Show/Close methods

When to Use This Skill

Use this skill when you need to:

  • Display supplementary content without full page navigation (product details, information panels, settings)
  • Create data-driven interactions that bind list selections to detailed content views
  • Implement modal dialogs or confirmation sheets that overlay the main content
  • Provide partial reveal patterns where users gradually expand content (peek-a-boo effect)
  • Enable gesture-based UI where users swipe to reveal more information
  • Customize appearance to match application themes (colors, sizes, rounded corners, animations)
  • Handle state transitions programmatically or through user interaction
  • Manage focus and overlay behavior in mobile-first applications

Documentation and Navigation Guide

Getting Started

📄 Read: references/getting-started.md

  • Project setup and template creation
  • NuGet package installation (Syncfusion.Maui.Toolkit)
  • Handler registration in MauiProgram.cs
  • Basic control initialization
  • First working example with ListView integration

Content Configuration

📄 Read: references/content-configuration.md

  • Setting main content vs. bottom sheet content
  • Data binding with ViewModels
  • Layout patterns (VerticalStackLayout, Grid, ListView)
  • Dynamic content updates
  • Binding context management

States and State Management

📄 Read: references/states-management.md

  • State property values and transitions
  • AllowedState configuration (FullExpanded, HalfExpanded, All)
  • IsOpen property for programmatic control
  • State change scenarios and use cases

Customization and Styling

📄 Read: references/customization-styling.md

  • Popup mode (IsModal) and overlay behavior
  • Background color and corner radius
  • Height adjustments (FullExpandedRatio, HalfExpandedRatio, CollapsedHeight)
  • Width modes (Full, Custom)
  • Content padding and spacing
  • Grabber element customization
  • Animation duration configuration

Gestures, Events, and Methods

📄 Read: references/gestures-events-methods.md

  • Swipe gesture support (EnableSwiping)
  • StateChanged event handling
  • CollapseOnOverlayTap for overlay interaction
  • Show/Close methods for programmatic control
  • Event argument inspection

Common Patterns and Real-World Scenarios

📄 Read: references/common-patterns.md

  • Data-driven Bottom Sheet with list selection
  • Modal dialogs and confirmation sheets
  • Partial reveal and peek patterns
  • Dynamic content binding
  • Error handling and edge cases
  • Best practices and anti-patterns

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.