@mobly/ui-react

Mobly UI react component library.

Install

Install dependencies:

npm i @mobly/ui-react

Usage

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