Skip to content
Velkin LogoVelkin Logo
Velkin
VELKIN/UI

Modern UI components for product teams and their AI agents. Lit core, typed wrappers, live MCP.

sales@velkinui.com

Product

  • Docs
  • Components
  • Studio
  • Pricing

Resources

  • Quick start
  • Blog
  • Changelog
  • Roadmap
  • Status

Project

  • About
  • Contact
  • License
  • Privacy
  • Terms

© 2026 Velkin. MIT core · Pro licenses available.

VELKIN

Divider

A divider component for horizontal or vertical layout separation.

vu-divider · @velkin/react/divider

Copy page

Import

React
npm i @velkin/react

import { VuDivider } from "@velkin/react/divider";

Examples

API

Props

PropTypeDefaultDescription
directionVuDividerDirection"horizontal"Divider orientation. Default: `"horizontal"`.
insetbooleanfalseIndents the line from the start/end edges. Default: `false`.
sizeVuDividerSize"md"Hairline thickness scale. Default: `"md"`.

CSS parts

PartDescription
dividerThe `role="separator"` line element.

Types

NameDefinition
VuDividerDirection
"horizontal" | "vertical"
VuDividerSize
"sm" | "md" | "lg"

Related

Data display

  • AvatarAn avatar component with image, initials, icon, or custom content.
  • Avatar GroupAn avatar group component that stacks overlapping avatars.
  • BadgeA badge component for counts, status dots, and overlay marks.
  • ChipA chip component for tags and filters with dismiss or toggle actions.
  • Data TableA data table component with sorting, filtering, and selection.
  • File ViewerA file viewer component for previewing uploaded or linked files.

Guides

  • AppearanceShared visual props
  • EventsSelection and change events

Browse

  • Previous: Data TableEarlier in the sidebar
  • Next: File ViewerLater in the sidebar
  • All componentsBrowse the full index