Skip to main content

Separator

Description​

Separator divides related groups of content with a themed stroke.

Use it between related groups of controls or commands.

Separator in light mode Separator in dark mode

Example usage​

<fluence:StackPanel Spacing="8">
    <TextBlock Text="Account" />
    <fluence:Separator />
    <TextBlock Text="Notifications" />
</fluence:StackPanel>

State and behavior​

The divider separates content groups and follows theme strokes.

Reference​