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

55 lines
1.1 KiB
Plaintext
Raw Normal View History

import { Canvas, Meta, Story } from "@storybook/addon-docs";
2023-08-15 00:42:10 +00:00
import {
Examples,
Example,
Title,
CustomArgsTable,
VariantsTable,
VariantRow,
} from "@calcom/storybook/components";
import Logo from "./Logo";
<Meta title="UI/Logo" component={Logo} />
<Title title="Logo" suffix="Brief" subtitle="Version 2.0 — Last Update: 28 Aug 2023" />
## Definition
2023-08-15 00:42:10 +00:00
Main Cal.com brand logo
<CustomArgsTable of={Logo} />
## Examples
<Examples>
<Example title="Default">
<Logo src={"https://app.cal.com/api/logo"} />
</Example>
<Example title="Small">
<Logo src={"https://app.cal.com/api/logo"} small />
</Example>
<Example title="As an Icon">
<Logo src={"https://app.cal.com/api/logo"} icon />
</Example>
</Examples>
<Canvas>
<Story
name="Logo"
args={{
icon: false,
src: "https://app.cal.com/api/logo",
small: false,
}}>
{(args) => (
<VariantsTable titles={[""]} columnMinWidth={150}>
<VariantRow>
<Logo {...args} />
</VariantRow>
</VariantsTable>
)}
</Story>
</Canvas>