Skip to content
/ alto Public

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

License

Notifications You must be signed in to change notification settings

beqom/alto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Alto Design System

CircleCI

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:

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