Skip to content

feat(divider): add divider component#254

Merged
manika-signoz merged 2 commits into
mainfrom
feat/divider
May 25, 2026
Merged

feat(divider): add divider component#254
manika-signoz merged 2 commits into
mainfrom
feat/divider

Conversation

@manika-signoz
Copy link
Copy Markdown
Contributor

@manika-signoz manika-signoz commented May 25, 2026

Summary

Introduces a new Divider component for visually separating content, with horizontal/vertical orientations, dashed lines, optional centered labels, and Storybook/docs wiring.

Changes

Component (@signozhq/ui)

  • New Divider component (divider.tsx, divider.module.css, index.ts).
  • Props:
    • type'horizontal' | 'vertical' (default: 'horizontal')
    • dashed — Dashed line style
    • plain — Plain text style for label (when children provided)
    • testId, className, standard div passthrough
  • Accessibility: When no children, renders role="separator" with aria-orientation matching type.
  • data-slot="divider" plus data-type, data-dashed, data-plain, data-with-text for styling/testing.

Package exports

  • ./divider subpath in package.json
  • Barrel export in src/index.ts
  • Vite lib entry in vite.config.ts
  • Divider import added to root README.md and intro.mdx

Docs & Storybook

  • New divider.mdx and divider.stories.tsx under Components/Divider
  • Stories: Playground, Horizontal, Vertical, Dashed, With text, Plain text

Tests

  • Forward-ref test for Divider.

@manika-signoz manika-signoz marked this pull request as ready for review May 25, 2026 09:19
@manika-signoz manika-signoz requested a review from a team as a code owner May 25, 2026 09:19
@manika-signoz manika-signoz merged commit d4c0038 into main May 25, 2026
3 of 4 checks passed
@manika-signoz manika-signoz deleted the feat/divider branch May 25, 2026 11:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants