Web Components used by Airtasker
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