‚̧Nimble Package Maestros
    Have ideas to improve npm?Join in the discussion! ¬Ľ

    react-nes-component

    1.0.3¬†‚Äʬ†Public¬†‚Äʬ†Published

    React NES Component

    this is a 8 bit style component

    screenshoot

    Doc

    https://chnbohwr.github.io/react-nes-component/

    requirement

    • React 16.4^

    Download from NPM

    npm install react-nes-component
    

    How to use

    import React from 'react';
    import { render } from 'react-dom';
    import {FontFace, Button, Container} from 'react-nes-component';
     
    const Main = () => (
      <div>
        <FontFace />
        <div>
          <Button>Normal</Button>
          <Button type="primary">Primary</Button>
          <Button type="success">Success</Button>
          <Button type="warning">Warning</Button>
          <Button type="error">Error</Button>
        </div>
        <br />
        <Container title="Container">
          <Container>hi this is container</Container>
          <br />
          <Container isDark>
            <div>hi this is dark container</div>
          </Container>
          <br />
          <Container isDark isRounded>
            <div>Good morning. Thou hast had a good nights sleep, I hope.</div>
          </Container>
          <br />
          <div style={{ display: 'flex' }}>
            <Container isRounded style={{ width: 300 }}>
              <div>Good morning. Thou hast had a good nights sleep, I hope.</div>
            </Container>
            <Container isDark isRounded title="Super easy">
              <div>Good morning. Thou hast had a good nights sleep, I hope.</div>
            </Container>
          </div>
     
     
        </Container>
      </div>
    );
     
    render(<Main />, document.getElementById('app'));
     

    Keywords

    none

    Install

    npm i react-nes-component

    DownloadsWeekly Downloads

    1

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    30.5 kB

    Total Files

    22

    Last publish

    Collaborators

    • avatar