Useful Tools and CSS Practices in React

import { useState } from “react”; import { Button } from “storybook-button”; import “pico.css”;

export default { title: “Example/Button”, component: Button, };

const Template = (args) => <Button {…args} />;

export const Primary = Template.bind({}); Primary.args = { primary: true, label: “Button”, };

export const Secondary = Template.bind({}); Secondary.args = { label: “Button”, };

export const Large = Template.bind({}); Large.args = { size: “large”, label: “Button”, };

export const Small = Template.bind({}); Small.args = { size: “small”, label: “Button”, };