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

43 lines
991 B
Plaintext
Raw Normal View History

2023-08-15 00:42:10 +00:00
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} />
2023-08-15 00:42:10 +00:00
<Title title="Divider" suffix="Brief" subtitle="Version 2.0 — Last Update: 05 jan 2023" />
## Definition
2023-08-15 00:42:10 +00:00
Shows the current copy right as well as app version name.
<Canvas>
2023-08-15 00:42:10 +00:00
<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">
2023-08-15 00:42:10 +00:00
<div className="dark:text-inverted flex">
Text left
<VerticalDivider />
Text right
</div>
</VariantRow>
</VariantsTable>
</Story>
</Canvas>