❤
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.

Readme

Keywords

none

Package Sidebar

Install

npm i leonardo-ui

Repository

github.com/qlik-oss/leonardo-ui

Homepage

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

Weekly Downloads

2,015

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