import { Canvas, Meta } from "@storybook/blocks";
import * as MenuDividerStories from "./MenuDivider.stories";

<Meta of={MenuDividerStories} />

# Menu Divider

- [Overview](#overview)
- [Props](#props)
- [Use cases and examples](#use-cases-and-examples)
- [Related components](#related-components)
- [Feedback](#feedback)

## Overview

Use menu divider for create separation between to menu items inside a menu

<Canvas of={MenuDividerStories.Overview} />

## Props

<PropsTable />

## Use cases and examples

### Menu with divider

<Canvas of={MenuDividerStories.MenuWithDivider} />

### Sub menu with divider

<Canvas of={MenuDividerStories.SubMenuWithDivider} />