@bonlineza/lib

Bonline's modern React component library. TypeScript, Tailwind, and tested.

Install

yarn add @bonlineza/lib

Peer dependencies: react and react-dom (v18 or v19).

This library ships Tailwind utility classes. In the app that uses it, add the library to your Tailwind content so the classes get compiled:

// tailwind.config.js
content: [
  './src/**/*.{js,jsx,ts,tsx}',
  './node_modules/@bonlineza/lib/dist/**/*.{mjs,cjs}',
],

Use

import { Checkbox } from '@bonlineza/lib/Checkbox';

<Checkbox name="terms" label="Accept terms" onChange={handleChange} />;

Import each component from its own path, as above. The root import (from '@bonlineza/lib') also works and tree-shakes in production builds — use it on React Native apps below 0.79, where per-path imports are not supported.

Develop

This project uses yarn 1.22.22 (pinned via packageManager) and Node 24 (pinned via .nvmrc — run nvm use).

yarn install     # install dependencies
yarn test        # run tests
yarn build       # build the package into dist/
yarn lint        # check formatting and lint rules

Publish

We use Changesets. No manual version bumps or npm publish. See PUBLISHING.md for the full guide.

1. Make your change on a branch.
2. Run yarn changeset, pick the bump type, write a short summary.
3. Open a PR and merge it.
4. A "Version Packages" PR appears. Merge it — that publishes to npm.