Radix Vue

Appearance

Separator ​

Visually or semantically separates content.
Radix Primitives
An open-source UI component library.
Blog
Docs
Source

Features ​

  • Supports horizontal and vertical orientations.

Installation ​

Install the component from your command line.

bash
npm install radix-vue

Anatomy ​

Import all parts and piece them together.

vue
<script setup>
import { Separator } from 'radix-vue'
</script>

<template>
  <Separator />
</template>

API Reference ​

Root ​

The separator.

PropTypeDefault
orientation
enum
"horizontal"
decorative
boolean
as
string | Component
div
asChild
boolean
false
Data AttributeValue
[data-orientation]"vertical" | "horizontal"

Accessibility ​

Adheres to the separator role requirements.