kaynshin / alto

UX guidelines, HTML/CSS framework, and React components.

Alto Design System

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

• Alto website
• React Demo

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:

webpack-contrib/sass-loader#49 (comment)