WPF Accordion Control

Responsive WPF Accordion Control

Compact interface for navigating between lists of items and expanding specific content.

Supports for expanding one or more items with smooth animation.

Rich set of built-in themes for your application.

FREE TRIAL

VIEW DEMOS

.NET 7.0 support now available

Overview

The WPF Accordion control is a container that expands and collapses specific content from a stacked list of items. Users can select and expand one or more items.

WPF Accordion Getting Started documentation

Data binding

The WPF Accordion supports powerful data binding displays a header and content in a view. It allows developers to design their application in the MVVM pattern, binding a selected item, and notifying the changes to expansion modes and orientations.

WPF Accordion Data Binding documentation

WPF Accordion Data Binding

Expand and collapse

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

WPF Accordion Header Animation

Different expand modes

Different expansion modes allow for multiple expanded items as well as a single expanded item.

WPF Accordion Selection documentation

Animation

Collapsible panels support animation when expanding or collapsing the accordion item. The animation behavior is customizable.

WPF Accordion Animation

WPF Accordion Code Example

Easily get started with the WPF Accordion using a few simple lines of Xaml or C# code as demonstrated below. Also explore our WPF Accordion Example that shows you how to render and configure the WPF Accordion.

xaml
c#
<syncfusion:SfAccordion HorizontalAlignment="Center" Width="300" Height="200" VerticalAlignment="Center">
            <syncfusion:SfAccordionItem Header="Eric Joplin"/>
            <syncfusion:SfAccordionItem Header="Paul Vent"/>
            <syncfusion:SfAccordionItem Header="Clara Venus"/>
            <syncfusion:SfAccordionItem Header="Maria Even"/>
            <syncfusion:SfAccordionItem Header="Robin Ranee"/>
  </syncfusion:SfAccordion>
public MainWindow()
        {
            InitializeComponent();
            SfAccordion accordion = new SfAccordion();
            //Instance of SfAccordionItem control
            SfAccordionItem accordionItem1 = new SfAccordionItem();
            SfAccordionItem accordionItem2 = new SfAccordionItem();
            SfAccordionItem accordionItem3 = new SfAccordionItem();
            SfAccordionItem accordionItem4 = new SfAccordionItem();
            SfAccordionItem accordionItem5 = new SfAccordionItem();
            //Setting header for SfAccordionItem
            accordionItem1.Header = "Eric Joplin";
            accordionItem2.Header = "Paul Vent";
            accordionItem3.Header = "Clara Venus";
            accordionItem4.Header = "Maria Even";
            accordionItem5.Header = "Robin Ranee";
            accordion.Items.Add(accordionItem1);
            accordion.Items.Add(accordionItem2);
            accordion.Items.Add(accordionItem3);
            accordion.Items.Add(accordionItem4);
            accordion.Items.Add(accordionItem5);
            this.Content = accordion;
        }

Frequently Asked Questions

✅ Why should you choose Syncfusion WPF Accordion?

A compact interface for navigating between lists of items and expanding specific content.
Support for expanding one or more items with smooth animation.
A rich set of built-in themes for your application.
Work with a simple configuration and API.
Use touch-friendly and responsive features.
Learn quickly and get started with WPF Accordion using its extensive demos and documentation.

✅ Where can I find the Syncfusion WPF Accordion demo?

You can find our WPF Accordion demo on

GitHub location.

App center location.

Microsoft location.

✅ Can I download and utilize the Syncfusion WPF 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 and five or fewer developers.

✅ How do I get started with Syncfusion WPF Accordion?

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

Rated by users across the globe

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.