@rocket.chat/fuselage-ui-kit

UiKit elements for Rocket.Chat Apps built under Fuselage design system

---

Install

Firstly, install the peer dependencies (prerequisites):

npm i @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons @rocket.chat/styled react react-dom

# or, if you are using yarn:

yarn add @rocket.chat/fuselage @rocket.chat/fuselage-hooks @rocket.chat/fuselage-polyfills @rocket.chat/icons @rocket.chat/styled react react-dom

Add @rocket.chat/fuselage-ui-kit as a dependency:

npm i @rocket.chat/fuselage-ui-kit

# or, if you are using yarn:

yarn add @rocket.chat/fuselage-ui-kit

Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the issues.

Building

As this package dependends on others in this monorepo, before anything run the following at the root directory:

yarn build

Linting

To ensure the source is matching our coding style, we perform linting. Before commiting, check if your code fits our style by running:

yarn lint

Some linter warnings and errors can be automatically fixed:

yarn lint-and-fix

Component stories

We develop and describe our visual components in the form of stories, manage by a tool called Storybook. To start developing with Storybook, run:

yarn storybook