@beqom/alto-ui

UX guidelines, HTML/CSS framework, and React components working together to craft exceptional experiences at beqom.

Usage no npm install needed!

<script type="module">
  import beqomAltoUi from 'https://cdn.skypack.dev/@beqom/alto-ui';
</script>

README

Alto Design System

UX guidelines, HTML/CSS framework, and React components working together to craft exceptional experiences at beqom.

Getting started

Install

$ npm install @beqom/alto-ui --save

Usage

import Button from '@beqom/alto-ui/Button';
import TextField from '@beqom/alto-ui/Form/TextField';

const MyComponent = () => {
  <div>
    <TextField placeholder="Search..." />
    <Button outline success>
      Search
    </Button>
  </div>;
};

Contributing

Setup

  1. Clone or download project
  2. yarn install or (npm install)
  3. yarn test:output or npm run test:output
  4. yarn start:app or npm run start:app

Deploying on Github

Checkout the branch you want to deploy (usually master):

$ git checkout master

Be sure that all commits have beed pushed to Github. Then run:

$ npm run deploy

React component Sass theming:

https://github.com/webpack-contrib/sass-loader/issues/49#issuecomment-90648288