Separator
Visually or semantically separates content.
Radix Primitives
An open-source UI component library.
Blog
Docs
Source
Usage
Import the component. It's mandatory to wrap the whole component with the Tailwind tag.
const { Tailwind } = VM.require("uiisnear.near/widget/tailwind");
const { Separator } = VM.require("uiisnear.near/widget/separator");
if (Tailwind == undefined) return "";<Tailwind>
<Separator />
</Tailwind>API Reference
Separator
The separator.
| Prop | Type | Default |
|---|---|---|
orientation | enum | "horizontal" |
decorative | boolean | --- |
| Data attribute | Values |
|---|---|
| [data-orientation] | "vertical" | "horizontal" |
Classnames
Classnames available to customize the component.
| Function | Classname |
|---|---|
| Separator | getSeparatorClassname() for horizontal separator |
| Separator | getSeparatorClassname("vertical") for vertical separator |