Divider

A visual separator component used to divide content sections.

Installation

npm install @cleartrip/ct-design-divider
# or
pnpm add @cleartrip/ct-design-divider

Peer dependencies

# Required for all targets
npm install react

# Web only
npm install react-dom

# React Native only
npm install react-native

Usage

Basic

import { Divider } from '@cleartrip/ct-design-divider';

function Example() {
  return (
    <Divider>
      {/* Basic usage */}
    </Divider>
  );
}

Props

| Prop | Type | Default | Required | Description | |------|------|---------|----------|-------------| | dividerWidth | number | — | No | Thickness of the divider line in pixels. Defaults to 1. | | dividerLength | number | — | No | Length of the divider. Defaults to '100%'. |

Accessibility

• The component follows accessibility best practices
• Ensure proper ARIA attributes are provided where needed
• Test with screen readers to ensure usability

Migration

If migrating from a previous version:

- import { Divider } from 'yagami/core/components';
+ import { Divider } from '@cleartrip/ct-design-divider';