33 lines
970 B
Markdown
33 lines
970 B
Markdown
import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
|
|
import { Examples, Example, Note, Title,CustomArgsTable,VariantsTable,VariantRow } from '@calcom/storybook/components'
|
|
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-inverted">
|
|
Text above
|
|
<Divider />
|
|
Text below
|
|
</div>
|
|
</VariantRow>
|
|
<VariantRow variant="Vertical">
|
|
<div className="flex dark:text-inverted">
|
|
Text left
|
|
<VerticalDivider />
|
|
Text right
|
|
</div>
|
|
</VariantRow>
|
|
</VariantsTable>
|
|
</Story>
|
|
</Canvas>
|