<!DOCTYPE HTML>
<html>
<body ng-app="app">
  //.....
  <script src="[bower_componenets|node_modules|other]/angular/angular.js"></script>
  <script src="[bower_componenets|node_modules|other]/angular-mocks/angular-mocks.js"></script>
  //.....
  <script src="[bower_componenets|node_modules|other]/leonardos/leonardos.js"></script>
</body>
</html>

Load Leonardo css

<!DOCTYPE HTML>
<html>
<head>
  //.....
  <link rel="stylesheet" media="all" href="[bower_componenets|node_modules|other]/leonardos/leonardo.min.css" />
</head>
</html>

Add Angular module dependancy

<!DOCTYPE HTML>
<html>
<body ng-app="app">
  //.....
   <script>
    var myApp = angular.module("app", ["leonardo"]);
   </script>
</body>
</html>

Add Attribute For UI Activation Via Icon

<!DOCTYPE HTML>
<html>
<body ng-app="app" leo-activator>
  //.....
</body>
</html>

A plunker demonstration http://plnkr.co/edit/w8oaELXwQldv6AeZjnhD?p=preview

Screen

example image

Documentation

http://outbrain.github.io/Leonardo/docs/configuration.srv.html

Running and contributing

Compile

cd into the project folder

npm run compile

This compiles the code as well as documentation.

Auto Recompile

To automatically recompile the files on each change run

npm run compile:watch

Note that this does not recompile the documentation.

Note that this does not auto-refreshes the browser.

Compile Documentation

Running npm run compile compiles the documentation. But if you need to recompile it later also, (for example when running with gulp watch) run

npm run compile:docs

Running

Run local server and navigate to index.html.

Keywords

angularjs

FAQs

What is leonardojs?

Is leonardojs popular?

Is leonardojs well maintained?

Package last updated on 29 Jul 2015

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

leonardojs

.css-6n7j50{display:inline;} Leonardo Docs

Requirements

Load Dependency scripts

Load Leonardo script