Node's Perfect Mate

    leonardo-ui

    1.7.1 • Public • Published

    leonardo-ui

    Logo

    A UI component framework with a slim and modern look & feel. Use it to enhance the UI of your web app! Works well with popular frameworks such as Bootstrap and Foundation. View it in action https://qlik-oss.github.io/leonardo-ui

    CircleCI npm

    Get started

    Run the following command:

    npm install --save leonardo-ui

    Add the following to your html:

    <head>
      <link rel="stylesheet" href="node_modules/leonardo-ui/dist/leonardo-ui.css" type="text/css"/>
    </head>
    <body>
      <!-- Page content -->
      <script src="node_modules/leonardo-ui/dist/leonardo-ui.js" type="text/javascript"></script> 
    </body>

    To use the icon font (optional), add this to your CSS:

    @font-face {
      font-family: "LUI icons";
      src: url(node_modules/leonardo-ui/dist/lui-icons.woff) format('woff'),
           url(node_modules/leonardo-ui/dist/lui-icons.ttf) format('truetype');
    }

    Example using a button

    <button class="lui-button">Default</button>

    Contributing

    Please follow the instructions in CONTRIBUTING.md.

    Keywords

    none

    Install

    npm i leonardo-ui

    DownloadsWeekly Downloads

    986

    Version

    1.7.1

    License

    MIT

    Unpacked Size

    1.85 MB

    Total Files

    36

    Last publish

    Collaborators

    • axelsson.hakan
    • nilzona
    • peol
    • ricsv
    • stefanenberg