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.
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.
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.
The WPF Accordion control allows you to customize the expand and collapse actions interactively and programmatically.
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.
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"/>
</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;
}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.
Documentation
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.
