What is this?

Suave UI is designed for web-applications based on AngularJS. It consists of CSS definitions, directives and services that helps build UI quick and efficiently.

Components

All these components are included in bundle-files. So you don't need to include them separately to use all them force.


How to use?

You can include Suave UI to your project with Bower by this command:

bower install suave-ui --save

To use Suave UI without Bower you had to add CSS & JS bundle-files and include suave-ui angular-module into your web-app initialization via Dependency Injection or angular.bootstrap.

<link rel="stylesheet" href="suave-ui/dist/styles.min.css" />
<script src="js/angular.min.js"></script>
<script src="suave-ui/dist/app.min.js"></script>
 
<script>
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['your-app', 'suave-ui']);
    });
</script>

Then you can use Suave directives, services and styles right in your code.


Usage examples