https://github.com/qlik-oss/leonardo-ui

Web UI component library with the Qlik Sense look and feel.
https://github.com/qlik-oss/leonardo-ui

blackduck css html javascript leonardo-ui qlik

Last synced: 39 minutes ago
JSON representation

Web UI component library with the Qlik Sense look and feel.

• Host: GitHub
• URL: https://github.com/qlik-oss/leonardo-ui
• Owner: qlik-oss
• License: mit
• Created: 2016-12-13T13:04:11.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-04-10T16:12:51.000Z (7 months ago)
• Last Synced: 2024-04-14T23:13:45.602Z (7 months ago)
• Topics: blackduck, css, html, javascript, leonardo-ui, qlik
• Language: CSS
• Homepage: https://qlik-oss.github.io/leonardo-ui
• Size: 3.19 MB
• Stars: 79
• Watchers: 32
• Forks: 25
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-CSS-Resources - leonardo-ui:

README

        
# leonardo-ui

![Logo](docs/src/img/logo.png?raw=true)

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](https://circleci.com/gh/qlik-oss/leonardo-ui/tree/master.svg?style=shield)](https://circleci.com/gh/qlik-oss/leonardo-ui/tree/master)

[![npm](https://badge.fury.io/js/leonardo-ui.svg?branch=master)](http://badge.fury.io/js/leonardo-ui)

## Get started

Run the following command:

```shell

npm install --save leonardo-ui

```

Add the following to your html:

```html

  

  

  

```

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

```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

```html

Default

```

## Contributing

Please follow the instructions in [CONTRIBUTING.md](.github/CONTRIBUTING.md).