# `@rocket.chat/ui-kit`
> Interactive UI elements for Rocket.Chat Apps
---
[](https://www.npmjs.com/package/@rocket.chat/ui-kit/v/latest) [](https://www.npmjs.com/package/@rocket.chat/ui-kit/v/next)  
 
## Install
Add `@rocket.chat/ui-kit` as a dependency:
```sh
npm i @rocket.chat/ui-kit
# or, if you are using yarn:
yarn add @rocket.chat/ui-kit
```
## Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues](https://github.com/RocketChat/Rocket.Chat/issues).
### Building
As this package dependends on others in this monorepo, before anything run the following at the root directory:
```sh
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:
```sh
yarn lint
```
Some linter warnings and errors can be automatically fixed:
```sh
yarn lint-and-fix
```
### Running tests
Whenever possible, add tests to describe exactly what your code do. You can run them by yourself:
```sh
yarn test
```