Skip to content

ExDivider

Jump to bottom
Meisam Alifallhi edited this page Apr 5, 2022 · 3 revisions

Basic

1

<ExDivider />
<ExDivider Color="Color.Success" />
<ExDivider Color="Color.Info" />
<ExDivider Color="Color.Warning" />
<ExDivider Color="Color.Danger" />

Title

2

<ExDivider Title="Title" />
<ExDivider Title="Title" Color="Color.Primary" />
<ExDivider Title="Title" Color="Color.Success" />
<ExDivider Title="Title" Color="Color.Info" />
<ExDivider Title="Title" Color="Color.Warning" />
<ExDivider Title="Title" Color="Color.Danger" />

Customize all parts' colors

3

<ExDivider Title="Title" TitleBackground="Background.Danger"   TitleColor="TextColor.White" LinesColor="Background.Primary" />
<ExDivider Title="Title" TitleBackground="Background.Info"     TitleColor="TextColor.White" LinesColor="Background.Warning" />
<ExDivider Title="Title" TitleBackground="Background.Warning"  TitleColor="TextColor.White" LinesColor="Background.Success" />
<ExDivider Title="Title" TitleBackground="Background.Success"  TitleColor="TextColor.White" LinesColor="Background.Danger" />
<ExDivider Title="Title" TitleBackground="Background.Secondary" TitleColor="TextColor.White" LinesColor="Background.Info" />

Size

4

<ExDivider Title="Title" Color="Color.Primary" Size="Size.ExtraSmall" />
<ExDivider Title="Title" Color="Color.Success" Size="Size.Small" />
<ExDivider Title="Title" Color="Color.Info"   Size="Size.Default" />
<ExDivider Title="Title" Color="Color.Warning" Size="Size.Medium" />
<ExDivider Title="Title" Color="Color.Danger" Size="Size.Large" />
<ExDivider Title="Title" Color="Color.Primary" Size="Size.ExtraLarge" />

Position

5

<ExDivider Title="Title" TitleAlignment="TextAlignment.Start" />
<ExDivider Title="Title" Color="Color.Primary" TitleAlignment="TextAlignment.Center" />
<ExDivider Title="Title" Color="Color.Success" TitleAlignment="TextAlignment.End" />

Custom Title

6

<ExDivider Color="Color.Danger">
    <Icon Name="IconName.Circle" TextColor="TextColor.Primary" IconSize="IconSize.ExtraSmall"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Info"   IconSize="IconSize.Small"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Warning" IconSize="IconSize.Default"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Success" IconSize="IconSize.Large"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Warning" IconSize="IconSize.Default"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Info"   IconSize="IconSize.Small"></Icon>
    <Icon Name="IconName.Circle" TextColor="TextColor.Primary" IconSize="IconSize.ExtraSmall"></Icon>
</ExDivider
Clone this wiki locally