import { Canvas, Meta } from "@storybook/blocks";
import { CHIP, ICONS, LABEL } from "../../../storybook/components/related-components/component-description-map";
import * as DividerStories from "./Divider.stories";

<Meta of={DividerStories} />

# Divider

- [Overview](#overview)
- [Props](#props)
- [Variants](#variants)
- [Feedback](#feedback)

## Overview

Divider create separation between two UI elements

<Canvas of={DividerStories.Overview} />

## Props

<PropsTable />

## Variants

### Directions

<Canvas of={DividerStories.Directions} />

## Related components

<RelatedComponents componentsNames={[LABEL, ICONS, CHIP]} />