# Expand Direction

Expander is an expandable and collapsible information panel that expands downwards by default. Learn about changing the direction of expansion in Expander for WPF documentation.

## Content

The Expander control allows you to change the direction in which you want it to expand. You can set the expansion direction for the Expander control using [ExpandDirection](/componentone/api/wpf/online-accordion5/dotnet-api/C1.WPF.Accordion/C1.WPF.Accordion.C1Expander.ExpandDirection.html) property of the [C1Expander](/componentone/api/wpf/online-accordion5/dotnet-api/C1.WPF.Accordion/C1.WPF.Accordion.C1Expander.html) class. The ExpandDirection property accepts values from the [ExpandDirection](/componentone/api/wpf/online-accordion5/dotnet-api/C1.WPF.Accordion/C1.WPF.Accordion.ExpandDirection.html) enumeration that specifies the direction in which the Expander control expands. It allows you to expand the Expander control in up, down, right and left directions.

By default, the control expands downwards as the **ExpandDirection** property is set to Down. However, when you change the expansion direction of the expander, it also changes the header's orientation to the content area of the control as shown in the image below.

![Expander control expanded in right direction](https://cdn.mescius.io/document-site-files/images/530ec557-536d-4b6e-94ca-c0cf743e2c3a/images/expander-expanded-right.png)

The following code illustrates the use of ExpandDirection property to expand the Expander for WPF control in right direction.

```xml
<c1:C1Expander x:Name="ExpanderControl" Header="Expand Me!" ExpandDirection="Right" FontFamily="Cambria" FontWeight="Bold" VerticalAlignment="Center" HorizontalAlignment="Center">
        <CheckBox Margin="10" VerticalAlignment="Center" x:Name="Condition" Content="CheckBox Inside Expander"/>
</c1:C1Expander>
```

```csharp
ExpanderControl.ExpandDirection = C1.WPF.Accordion.ExpandDirection.Right;
```