43 lines
991 B
Markdown
43 lines
991 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="dark:text-inverted flex">
|
|
Text left
|
|
<VerticalDivider />
|
|
Text right
|
|
</div>
|
|
</VariantRow>
|
|
</VariantsTable>
|
|
</Story>
|
|
</Canvas>
|