@2rwandans/bon-ui

React UI component library built with React Aria, Vite, and Tailwind CSS.

Install

npm install @2rwandans/bon-ui react react-dom

Usage

Import styles once in your app entrypoint:

import '@2rwandans/bon-ui/styles.css';

Import components from the package root:

import { Button } from '@2rwandans/bon-ui';

export function Example() {
  return <Button variant="primary">Click me</Button>;
}

Peer dependencies

• react ^19.0.0
• react-dom ^19.0.0

Development

yarn storybook

Build distributable artifacts:

yarn build

Check package contents before publishing:

yarn pack:check

Release flow (GitLab CI/CD)

1. Bump the version in package.json.
2. Commit the change.
3. Create and push a semver tag like v0.0.2.
4. GitLab pipeline publishes to npm for protected tags.

Required GitLab CI variable:

• NPM_TOKEN (masked + protected), created from npm access token.