Separator

Visually separates content.

View source
<script lang="ts">
    import { Separator } from 'svxui';
</script>

<Separator />

API Reference

PropertyTypeDefaultDescription
color
string | number | symbol
"neutral"Separator color
elementRef $bindable
HTMLDivElement
Rendered DOM element
orientation
union
"horizontal"Separator orientation
size
union
"2"Separator size

Examples

Colors

Sizes

Orientation

Separate text

Lorem ipsum dolor sit amet, consectetur
adipiscing
elit
aliquam

Separate panel

Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
v0.0.13