Collapse and expand content by simply clicking its header.
Add attractive animations during the expansion and collapse of panels.
Thoroughly customize the control’s animation duration, animation easing, and header icon placement.

.NET 10 support now available

Trusted by the world’s leading companies

Overview

The Syncfusion .NET MAUI Expander is a layout control capable of loading any UI view in both header and content sections. By simply tapping the header, users can effortlessly expand or collapse the control.

.NET MAUI Expander Code Example

Easily get started with the .NET MAUI Expander using a few simple lines of XAML code example as demonstrated below. Also explore our .NET MAUI Expander Example that shows you how to render and configure the .NET MAUI Expander.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:syncfusion="clr-namespace:Syncfusion.Maui.Expander;assembly=Syncfusion.Maui.Expander"
            x:Class="SfExpanderDemo.MainPage">
    <ContentPage.Content>
        <syncfusion:SfExpander x:Name="Expander" IsExpanded="False">
           <syncfusion:SfExpander.Header>
               <Grid>
                   <Label Text="Header"/>
               </Grid>
           </syncfusion:SfExpander.Header>
           <syncfusion:SfExpander.Content>
               <Grid>
                   <Label Text="Content comes here!" />
               </Grid>
           </syncfusion:SfExpander.Content>
        </syncfusion:SfExpander>
    </ContentPage.Content>
</ContentPage>

Expand and collapse visual states

Supports both expanded and collapsed visual states, allowing the appearance of the control to be customized according to expansion status.

Expanded visual state in .NET MAUI Expander.

Appearance

The Expander control provides built-in support for customizing the header’s visual design.

Appearance documentation

Animation

The .NET MAUI Expander allows for animating the expansion and collapse of the header item. It offers several customization options, including enabling or disabling animation, adjusting the duration of the expanding and collapsing animations, and modifying the easing style.

Expanded and collapse animation in .NET MAUI Expander.

Icon color customization

Customize the color of the expand icon in the .NET MAUI Expander control.

Icon color customization documentation

Header icon position

The .NET MAUI Expander provides the flexibility to personalize the placement of the header icon.

Start header icon position in .NET MAUI Expander.

End header icon position in .NET MAUI Expander.

Our comprehensive competitor comparison of .NET MAUI controls will guide you to the perfect choice.

95+ UI controls

200+ interactive .NET MAUI demos

1.7M+ downloads

Explore Complete .NET MAUI Comparison

Not sure how to create your first .NET MAUI Expander? Our tutorial videos and documentation can help.

I’d love to watch it now I’d love to read it now

Frequently Asked Questions

✅ Why should you choose Syncfusion .NET MAUI Expander?

The Syncfusion .NET MAUI Expander provides the following:- Customizable animations when expanding or collapsing.- Dynamically adjustable height.- One of the best .NET MAUI Expander in the market, offering feature-rich UI to interact with the software.- Simple configuration and APIs.- Mobile-touch friendly.- Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Expander.

✅ Where can I find the Syncfusion .NET MAUI Expander demo?

You can find our .NET MAUI Expander demo, which demonstrates how to render and configure Expander.

✅ Can I download and utilize the Syncfusion .NET MAUI Expander for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.