TaskForge UI Library

React + TypeScript + Vite + shadcn/ui

This is a template for a new Vite project with React, TypeScript, and shadcn/ui.

Adding components

To add components to your app, run the following command:

npx shadcn@latest add button

This will place the ui components in the src/components directory.

Using components

To use the components in your app, import them as follows:

import { Button } from "@/components/ui/button"

Publishing as an npm package

This repository can be built and published as an npm package from the root.

npm install
npm run build
npm publish

Package usage

Once published, import from the package root:

import { Button, ThemeProvider } from "taskforge-ui"

If you consume the library in a Tailwind-based app, make sure your app is configured for Tailwind CSS and that react / react-dom are installed as peer dependencies.

Storybook

Start the local Storybook server with:

npm run storybook

This will load stories for components under src/components/ui, including the sample Button and Input stories.