Blazor | ComponentOne
Controls / Layout Controls / Expander / Expand Icon
In This Topic
    Expand Icon
    In This Topic

    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

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

    Index.razor
    Copy Code
    <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>