mirror of
https://github.com/hanzoai/o11y-components.git
synced 2026-10-30 14:54:15 +00:00
31 lines
639 B
Plaintext
31 lines
639 B
Plaintext
import { Meta, Controls, Primary } from '@storybook/addon-docs/blocks';
|
|
import * as DividerStories from './divider.stories';
|
|
|
|
<Meta of={DividerStories} />
|
|
|
|
# Divider
|
|
|
|
The divider component is a separator for visually dividing content. It supports horizontal and vertical orientations, dashed lines, and optional text labels.
|
|
|
|
## How to use
|
|
|
|
```tsx
|
|
import { Divider } from '@signozhq/ui';
|
|
|
|
export default function MyComponent() {
|
|
return (
|
|
<div>
|
|
<p>Content above</p>
|
|
<Divider />
|
|
<p>Content below</p>
|
|
</div>
|
|
);
|
|
}
|
|
```
|
|
|
|
This code above will render the following divider:
|
|
|
|
<Primary />
|
|
|
|
<Controls of={DividerStories.Playground} />
|