Components
Separator New · experimental
shadcn's Separator, ported as is. No goo, here for a complete catalog.
goopUI
Components that drip.
BlogDocsSource
A horizontal and two vertical separators.
GoopSeparator wraps reka-ui's Separator, like shadcn-vue's Separator, with the same classes. It has no goo: a line should stay a line.
Installation
Install @goopui/nuxt or @goopui/vue as shown on the Button page. The Nuxt module auto-imports GoopSeparator.
Usage
<GoopSeparator class="my-4" />
<div class="flex h-5 items-center gap-4">
<span>Blog</span>
<GoopSeparator orientation="vertical" />
<span>Docs</span>
</div>
Props
| Prop | Type | Default | Notes |
|---|---|---|---|
orientation | 'horizontal' | 'vertical' | 'horizontal' | Which way the line runs. |
decorative | boolean | true | Hidden from assistive tech. false gives it role="separator". |
asChild, as | The element to render, via reka-ui. | ||
class | string | array | object | Merged onto the root. |