1.1.2 • Published 5 years ago
@mobly/ui-react v1.1.2
@mobly/ui-react
Mobly UI react component library.
Install
Install dependencies:
npm i @mobly/ui-reactUsage
This package is built with React, TypeScript and Sass.
It also utilizes the styles from @mobly/ui-styles as Sass modules.
These styles are also exported to easily use in combination with css-in-js libraries.
import React from 'react';
import { Button } from '@mobly/ui-react';
const App = () => {
return <Button>Click me</Button>;
};API
- Box
- Button
- Checkbox
- Datepicker
- Icon
- Input
- Loader
- Modal
- Radio
- Select
- Switch
Development
Builds are setup with webpack, check the webpack.config.js for more info.
We use storybook for developping our react components.
NPM scripts
| Command | Description | Runs |
|---|---|---|
| start | Start up storybook | start-storybook -p 6006 -s ../../storybook/static |
| build | Build package contents and types | webpack && npm run build:types |
| build:types | Build types | tsc -p tsconfig.build.json |
| build:storybook | Build storybook styleguide | build-storybook |
| lint | Lint all script and style files | npm run lint:scripts && npm run lint:styles |
| lint:scripts | Lint scripts (.js,.jsx,.ts,.tsx) | eslint --cache --ext .js,.jsx,.ts,.tsx ./src |
| lint:styles | Lint styles (.css,.scss) | stylelint ./src/**/*.scss --cache |
| prepublishOnly | Runs before every npm run publish (!important for lerna) | npm run lint && npm run build |