coss.com Svelte

Separator

A separator element accessible to screen readers.

API Reference
Loading p-separator-1 preview…

Installation

pnpm dlx shadcn-svelte@latest add https://coss-sv.vercel.app/r/separator.json

Usage

<script lang="ts">
  import { Separator } from "$lib/components/ui/separator/index.js";
</script>

<Separator />

API Reference

Separator

An accessible dividing line. It renders horizontally by default, exposes its orientation to assistive technology, forwards native attributes, and keeps the COSS muted border color.

See the Shards Separator API for element and orientation props.