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.

.NET 10 support now available

Trusted by the world’s leading companies

WPF accordion

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;
        }

Not sure how to create your first WPF Accordion? Our documentation can help.

I’d love to read it now

ALL CONTROLS

GRIDS

DATA VISUALIZATION

MODERN THEMES

Theme Studio

LAYOUT

NAVIGATION

INPUT CONTROLS

BUTTONS

CALENDARS

BUSINESS INTELLIGENCE

DATA SCIENCE

Predictive Analytics

MISCELLANEOUS

LISTS & DROPDOWN

NOTIFICATION

FILE VIEWERS & EDITORS

CONVERSATIONAL UI

AI AssistView PREVIEW

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, 5 or fewer developers, and 10 or fewer total employees.

✅ How do I get started with Syncfusion WPF Accordion?

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.

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.

Johan Visser,

H and T Pawnbrokers

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