Separator

Visually or semantically separates content.

Installation


pnpm dlx shadcn@latest add @force-ui-vue/separator

<script setup lang="ts">
import { Separator } from "@/components/ui/separator"
</script>

<Separator />

Use orientation="vertical" for a vertical separator.

Vertical separators between menu items with descriptions.

Horizontal separators between list items.

To enable RTL support in Force UI, see the RTL configuration guide.

See the Radix UI Separator documentation.

On This Page

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.