@beqom/alto-ui

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

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
816Jun 8, 2021Oct 16, 2017Minified + gzip package size for @beqom/alto-ui in KB

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.