@airtasker/web-components

Web Components used by Airtasker

Airtasker ui components.

Warning

This project still in pre-alpha version, api is not stable.

Development

npm i

For development npm run story

For build online storybook npm run build:story

Installation

npm i -S @airtasker/web-components

import { TextInput } from '@airtasker/web-components;

// support module import
import { TextInput } from '@airtasker/web-components/TextInput';
import { padding } from '@airtasker/web-components/styles';

styles

import {font, fontSize, fontWeight, margin, padding } from '@airtasker/web-components/styles

font(color, size, weight);
fontSize(size);
fontWeight(weight);
scaleSpace(magnitude);
margin(magnitude);
marginTop(magnitude);
marginBottom(magnitude);
marginLeft(magnitude);
marginRight(magnitude);
padding(magnitude);
paddingTop(magnitude);
paddingBottom(magnitude);
paddingLeft(magnitude);
paddingRight(magnitude);

more documentation: https://airtasker.github.io/web-components/

Deploy

npm version patch
npm run build:story
git commit -am "update story"
git push origin master
git push --tags
npm publish --access=public

Technical

Folder structure:

• ComponentName
  • index.js
  • ComponentName.js
  • ComponentName.test.js
  • ComponentName.story.js
  • ComponentName.snap

Eslint rule: Airbnb