@airtasker/web-componentsdeprecated

web components for airtasker

Usage no npm install needed!

<script type="module">
  import airtaskerWebComponents from 'https://cdn.skypack.dev/@airtasker/web-components';
</script>

README

Web Components used by Airtasker

Airtasker ui components.
npm downloads

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