# Expand Icon

Blazor Edition provides a set of native UI controls built for Blazor such as FlexGrid, Chart, ListView, and input controls including AutoComplete and ComboBox.

## Content



Expand Icon appears next to the header of the Expander control and is clicked to expand the content area. By default, the expand icon is aligned on the right side of the header. However, you can change the alignment of the expand icon as per your requirements using **ExpandIconAlignment** property of the **C1Expander** class. The **ExpandIconAlignment** property accepts the alignment value from the **ExpanderIconAlignment** enumeration.

![Blazor Expander Expand Icon alignment](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/expandericonalignment.png)

The following code shows how you can change the alignment of the expand icon to left:

```razor
<C1Expander Header="@("Click")" ExpandIconAlignment="@ExpanderIconAlignment.Left" HeaderStyle="@("background-color: BurlyWood")" Style="@("overflow:hidden;width:280px;box-shadow:0px 5px 5px rgba(0,0,0,0.2)")">
    <C1Calendar FirstDayOfWeek="@DayOfWeek.Monday"></C1Calendar>
</C1Expander>
```