Skip to content

Latest commit

 

History

History
47 lines (29 loc) · 822 Bytes

Instructions.stories.mdx

File metadata and controls

47 lines (29 loc) · 822 Bytes

import { Meta } from '@storybook/addon-docs';

Create React App

yarn create react-app signupform --template typescript

Remove content of app.tsx Delete logo.svg

Add Storybook

npx storybook init

Remove autogenerated folder, stories

Styles

Add TailwindCSS

npx tailwindcss init

content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],

Remove App.css and index.css Create folder for styles Add new file called tailwind.css Add scripts for package.json

Add staticDirs: ["../public"], to main.js Remove -s public from scripts

Add styles to storybook preview import "../src/styles/tailwind.output.css";

Add DaisyUI

yarn add daisyui