button.stories.mdx

import { Meta, Story, Canvas, Props, ArgsTable } from "@storybook/addon-docs"; import { Button } from "./button";

<Meta title="Component/Button" component={Button} argTypes={{ children: { control: "text" }, variant: { control: { type: "select" } }, //The values will be picked from the enum in the button component }} />

Here's some markdown!

Button Usage

import { Button } from "@/fitfab/Button";

<Button variant="primary">Primary button</Button>;

Button Preview

{(args) => {args.children}} {(args) => {args.children}}

Button Props