Ignite Lab - Design System

A simple Design System project with React components using Tailwind CSS¹, TypeScript² and Storybook³ for documentation.

🚀 Getting Started

From your terminal, clone the repository into your local machine, chage your current folder to the project folder you just created, and install the dependencies.

git clone https://github.com/dedevillela/ignite-lab-design-system.git && \
cd ignite-lab-design-system && \
npm install

npm run dev

Add a new component or edit the existing ones inside the src/components folder.

npm run storybook

To document your component in Storybook, add a file matching the component name and use the extension .stories.tsx.

Name		Name	Last commit message	Last commit date
Latest commit History 28 Commits
.github		.github
.storybook		.storybook
public		public
src		src
.gitignore		.gitignore
.nvmrc		.nvmrc
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.cjs		postcss.config.cjs
tailwind.config.cjs		tailwind.config.cjs
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts