Package Exports
- @vector-im/compound-web
- @vector-im/compound-web/dist/style.css
Readme

Compound Web
React implementation of Compound – Element's design system – See full documentation on https://compound.element.io and the Figma component library
Commands
| Command | Runs |
|---|---|
yarn dev |
Runs a local development environment |
yarn test |
Tests all components |
yarn lint |
Lints all components |
yarn gen:component $name |
Bootstraps a new component |
Development
If you want to work on Compound Web as a linked package within a larger React application, TypeScript might complain about there being multiple copies of @types/react in the tree. You can work around this by linking Compound Web's copy of @types/react to your application's copy:
$ cd my-application/node_modules/@types/react
$ yarn link
$ cd ../../../../compound-web
$ yarn link @types/reactRelease
To release a new version of Compound Web:
- Review the changes since last released and choose the appropriate version bump (major, minor, patch).
- Run the Release npm package action, inputting the version bump.
The action will:
- add a commit bumping the version in
package.json - publish the package to npm
- tag a release on Github
- add a commit bumping the version in
- Manually add a changelog to the release on github.