❤
npm
Sign UpSign In

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.

/leonardo-ui/

    Package Sidebar

    Install

    npm i leonardo-ui

    Repository

    github.com/qlik-oss/leonardo-ui

    Homepage

    github.com/qlik-oss/leonardo-ui#readme

    Weekly Downloads

    1,294

    Version

    1.7.1

    License

    MIT

    Unpacked Size

    1.85 MB

    Total Files

    36

    Last publish

    Collaborators

    • nilzona_user
    • peol
    • stefanenberg
    • ricsv
    • axelsson.hakan
    Try on RunKit
    Report malware