Reka UI logoReka
backdrop
Components

Separator

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

Features

  • Supports horizontal and vertical orientations.

Installation

Install the component from your command line.

sh
$ npm add reka-ui

Anatomy

Import all parts and piece them together.

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

<template>
  <Separator />
</template>

API Reference

Root

The separator.

Data AttributeValue
[data-orientation]"vertical" | "horizontal"

Accessibility

Adheres to the separator role requirements.