@grasp-labs/ds-react-components

A modern React component library built with TypeScript, Vite, and Tailwind CSS.

Installation

To use this package, run

npm install @grasp-labs/ds-react-components

Usage

To use the components in your project, first install and configure Tailwind CSS with our custom configuration:

1. Install required dependencies:

npm install -D tailwindcss @tailwindcss/vite

2. Import our pre-configured styles directly into your CSS file:

@import "@grasp-labs/ds-react-components/tailwind-styles.css";

3. Use components in your application:

import { Button } from "@grasp-labs/ds-react-components";

Development

To run Storybook locally for development and testing:

npm install
npm run storybook

This launches Storybook at http://localhost:6006, where you can browse and interact with all components.

Testing

Tests run using Storybook's vitest integration, either using the GUI Storybook or from the CLI:

npm run test

Releasing

To release a new version of the package:

1. Create a feature branch and make your changes
2. After the branch is approved and before merging to main, run the Version and Publish Package GitHub Action on your feature branch selecting the appropriate version bump (patch, minor, major)
3. Once the build succeeds, merge your feature branch to main