Separator

A convenience component providing a subtle visual separator between controls, in the spirit of the HTML <hr> element.

Wraps Tweakpane's separator blade.

Usage outside of a <Pane> component will implicitly wrap the separator in <Pane position="inline">.

---

Example

Demo

Code

SeparatorExample.svelte

<script lang="ts">
  import { Button, Separator } from 'svelte-tweakpane-ui'
</script>

<Button title="Oil" />
<Separator />
<Button title="Water" />

---

Props

disabled optional
Description	Prevent interactivity and gray out the control.
Type	boolean
Default	false

theme optional
Description	Custom color scheme. If undefined, inherits default Tweakpane theme equivalent to ThemeUtils.presets.standard, or the theme set with setGlobalDefaultTheme().
Type	Theme
Default	undefined