Miranda UI
![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)
Miranda UI is a React components library. It works with Styled Components.
Steps to install
- Install node 11
- Install dependencies:
yarn
Usage
yarn add @loadsmart/loadsmart-ui
or
npm install @loadsmart/loadsmart-ui
Demo
You can check our Storybook here.
Development
Clone locally:
git clone https://github.com/loadsmart/miranda.git
Go to folder:
cd miranda
Install all dependencies:
yarn
or
npm i
Run the application - you'll be able to see all components documentation in Storybook:
yarn dev
or
npm run dev
Open your browser and visit http://localhost:6006
To run tests:
yarn test
or
npm run test
Creating a new component
We have all components stored inside src > components
.
When creating a new one, you must add its new folder following this pattern.
It's also essential to include the .stories
and .test
files to cover both documentation and quality standards.
We use semantic-release
to evaluate our commits and trigger automatic release to NPM. For that, please follow Conventional Commits, so your changes will properly be evaluated and published if that's the case.