@miletwo/ui
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.6 • Public • Published

    Mile Two UI

    NPM Build Status Coverage

    Docs

    Docs are generated using styleguidist and can be found here.

    Quick Start

    import React from 'react';
    import { Button } from '@miletwo/ui';
    import '@miletwo/ui/dist/ui.cjs.development.css';
     
    function Page({}) {
        return (
            <div>
                <Button variant="primary" onClick={(e) => console.log('Clicked') }>
                    Click Me
                </Button>
            </div>
        );

    Overwriting css styles

    Either import our css variables

    import '@miletwo/ui/dist/ui.cjs.development.css';

    or override them! Put this in your root css or sass file

    :root {
      --primary-background: #006445;
      --primary-color: #ffffff;
     
      --secondary-background: #f0f0f0;
      --secondary-color: #005dff;
     
      --hover-background: #d0df63;
      --hover-color: #1a3a44;
     
      --focus-background: #006445;
      --focus-color: #ffffff;
     
      --active-background: #c5e8f3;
      --active-color: #1a3a44;
     
      --disabled-background: #f4f4f4;
      --disabled-color: #637980;
     
      --error-background: #ff0000;
      --error-color: #f0f0f0;
    }

    Install

    npm i @miletwo/ui

    DownloadsWeekly Downloads

    19

    Version

    0.1.6

    License

    MIT

    Unpacked Size

    39.3 kB

    Total Files

    15

    Last publish

    Collaborators

    • justin.dunham
    • keonik