Core Components

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

🔗

<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.
Type	`Theme`
Default	`undefined` Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme set with `setGlobalDefaultTheme()`.

Separator

Example

Demo

Code

Props

disabled

theme