Using this registry

Every component here is its own npm package under @behivetech/, published from this repo. Pick one from the catalog, install it, import it.

Install

1pnpm add @behivetech/atoms.price-tag

The package name is always @behivetech/<category>.<name>, which is also its folder in this repo: registry/behivetech/<category>/<name>.

Use

1import { PriceTag } from "@behivetech/atoms.price-tag";
2import "@behivetech/atoms.price-tag/styles.css";
3
4<PriceTag amount={19.99} />;

Each package ships its compiled JavaScript, its stylesheet (styles.css, imported once per app), its TypeScript types, and — because the docs on this site are generated from the same source — a docs.json with everything the Overview and Properties tabs show.

Versions

Packages follow semver and each has its own version; the Changelog tab on a component's page lists what changed in each release. Pin what you depend on and read the changelog before a major bump.

Questions, bugs, requests

See Contributing for how to propose a change or a new component, and Standards for the rules every component follows.