Mielui · Separator

Installation

pnpm dlx @mielui/svelte add separator

Usage

Separator renders a semantic separator by default. Set decorative when spacing and styling already convey the grouping and no semantic divider is needed. orientation="vertical" needs a surrounding row with a defined height; horizontal dividers fill the available width. Native attributes, class, and bind:element are forwarded.

Horizontal sections

API reference

Separator

Prop	Type	Default
`id`	`string \| undefined`	`—`
`style`	`string \| StyleProperties \| null \| undefined`	`—`
`orientation`	`Orientation \| undefined` The orientation of the separator.	`'horizontal'`
`decorative`	`boolean \| undefined` Whether the separator is decorative and should be hidden from assistive technologies.	`—`
`element` Bindable	`HTMLDivElement \| null \| undefined`	`null`