We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


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.

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

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.


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.

<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"/>
public MainWindow()
            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";
            this.Content = accordion;


Frequently Asked Questions

  • 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.

You can find our WPF Accordion demo on

GitHub location.

App center location.

Microsoft location.

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.

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

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.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion wpf Resources


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile