cal.pub0.org/packages/ui/components/divider/divider.stories.mdx

34 lines
999 B
Markdown

import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
import { Examples, Example, Note, Title,CustomArgsTable,VariantsTable,VariantRow } from '@calcom/storybook/components'
import { Icon } from "@calcom/ui";
import {Divider, VerticalDivider} from './Divider';
<Meta title="UI/Divider" component={Divider} />
<Title title="Divider" suffix="Brief" subtitle="Version 2.0 — Last Update: 05 jan 2023"/>
## Definition
Shows the current copy right as well as app version name.
<Canvas>
<Story
name="Divider">
<VariantsTable titles={[]} columnMinWidth={150}>
<VariantRow variant="Horizontal">
<div className="dark:text-white">
Text above
<Divider />
Text below
</div>
</VariantRow>
<VariantRow variant="Vertical">
<div className="flex dark:text-white">
Text left
<VerticalDivider />
Text right
</div>
</VariantRow>
</VariantsTable>
</Story>
</Canvas>