Adaptable, collapsible sections with stacked headers.
Smooth animations for expanding and collapsing panels.
Versatility in expanding multiple or individual items.

.NET 10 support now available

Trusted by the world’s leading companies

Overview

The .NET MAUI Accordion control or Accordion Panels offers a vertically collapsible panel with stacked headers, allowing users to expand or collapse one or multiple items simultaneously to display content. This feature-rich control organizes and displays content in an easily accessible way, enhancing user experience by managing information in a compact space.

.NET MAUI Accordion Code Example

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

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.Accordion;assembly=Syncfusion.Maui.Expander"
           x:Class="SfAccordionDemo.MainPage">
   <ContentPage.Content>
      <syncfusion:SfAccordion x:Name="Accordion">
          <syncfusion:SfAccordion.Items>
               <syncfusion:AccordionItem>
                   <syncfusion:AccordionItem.Header>
                       <Grid>
                           <Label Text="Header 1"/>
                       </Grid>
                   </syncfusion:AccordionItem.Header>
                   <syncfusion:AccordionItem.Content>
                       <Grid>
                           <Label Text="Content comes here!"/>
                       </Grid>
                   </syncfusion:AccordionItem.Content>
               </syncfusion:AccordionItem>
               <syncfusion:AccordionItem>
                   <syncfusion:AccordionItem.Header>
                       <Grid>
                           <Label Text="Header 2"/>
                       </Grid>
                   </syncfusion:AccordionItem.Header>
                   <syncfusion:AccordionItem.Content>
                       <Grid>
                           <Label Text="Content comes here!"/>
                       </Grid>
                   </syncfusion:AccordionItem.Content>
               </syncfusion:AccordionItem>
          </syncfusion:SfAccordion.Items>
      </syncfusion:SfAccordion>
   </ContentPage.Content>
</ContentPage>

Data binding

The Accordion control allows the use of .NET MAUI BindableLayout to bind a data collection and populate the control.

Data binding documentation

Expand and collapse

The Accordion control allows users to interactively and programmatically customize the expand and collapse actions.

Expanded and collapse in .NET MAUI Accordion.

Appearance

The Accordion control features built-in support for customizing the header’s appearance.

Appearance documentation

Different expand modes

The Accordion control supports single and multiple expansion modes.In single expand mode, only one item can be expanded at a time, while in multiple expand mode, multiple items can be expanded simultaneously.

Single expand mode in .NET MAUI Accordion.

Multiple expand mode in .NET MAUI Accordion.

Animation

Enhances the user experience with animated transitions for item expansion and collapse. The animations can be customized by turning them on or off, adjusting the duration of the expanding and collapsing animations, and modifying the easing style.

Animation effect in .NET MAUI Accordion.

Item spacing

Users can easily adjust the vertical spacing between items within the Accordion control.

Item spacing documentation

Expander icon position

The Accordion provides the flexibility to customize the placement of the header icon in accordion items.

Start icon position in .NET MAUI Accordion.

End icon position in .NET MAUI Accordion.

Auto scroll position

The Accordion control lets you customize the scroll position of the expanded accordion item.

Auto scroll position documentation

Visual state manager

Modify the appearance of Accordion items according to their expanded and collapsed states by utilizing the visual state manager.

Expanded visual state in .NET MAUI Accordion.

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 Accordion? 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 the Syncfusion .NET MAUI Accordion?

The Syncfusion .NET MAUI Accordion support the following features:

Easily arrange accordion items vertically.
Entirely customize the header and content of accordion items.
Expand one or more items with built-in animations.
Auto scroll items based on their position.
Display a collection of items using BindableLayout.
One of the best .NET MAUI Accordion in the market, offering feature-rich UI to interact with the software.
Simple configuration and APIs.
Mobile-touch friendly.
Extensive demos, documentation, and video to let you get started quickly with the .NET MAUI Accordion.

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

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

✅ Can I download and utilize the Syncfusion .NET MAUI Accordion 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.

✅ How do I get started with Syncfusion .NET MAUI Accordion?

A good place to start would be our comprehensive getting started documentation.

.NET MAUI DataViz & UI Controls

GRIDS

DataGrid

DATA VISUALIZATION

LAYOUT

CALENDARS

NAVIGATION

VIEWER

Markdown Viewer PREVIEW

EDITORS

BUTTONS

SLIDERS

NOTIFICATION

MISCELLANEOUS

CONVERSATIONAL UI

PROJECT MANAGEMENT

Kanban Board

TOOLBAR

Toolbar

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Using the MAUI Components to improve the quality of our software offerings

The ease of use and documentation to get us going. Our customer have also given us good feedback on the components.

Philip D,

Operations Director, Small-Business

Migration Xamarin to MAUI

Clarity with MAUI upgrade and completeness as related to Xamarin as the predecessor.

Edward J R,

President, Small-Business

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story