@grasp-labs/ds-react-components

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

Installation

To use this package, run

``bash
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:

`bash
npm install -D tailwindcss @tailwindcss/vite
`

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

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

3. Use components in your application:

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

Development

To run Storybook locally for development and testing:

`bash
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:

`bash
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`