A modern React component library built with TypeScript, Vite, and Tailwind CSS.
npm install @grasp-labs/ds-react-componentsA modern React component library built with TypeScript, Vite, and Tailwind CSS.
To use this package, run
``bash`
npm install @grasp-labs/ds-react-components
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";
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.
Tests run using Storybook's vitest integration, either using the GUI Storybook or from the CLI:
`bash`
npm run test
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)main`
3. Once the build succeeds, merge your feature branch to