Blazor コントロール
展開アイコン
コントロール > レイアウトコントロール > Expander > 展開アイコン

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
コードのコピー
<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>