What is this?

This framework is inspired by Actiguide.

Suave UI is designed for web-applications based on AngularJS. It consists of different useful stuff like content grid, buttons, popups, dropdowns and snackbars.

Components

All components are included into bundle-files.

Usage

To start using Suave UI you had to add CSS & JS bundle-files and include suave-ui angular-module into your web-app initialization via DI or angular.bootstrap.

<link rel="stylesheet" href="suave-ui/build/styles.min.css" />
<script src="js/angular.min.js"></script>
<script src="suave-ui/build/app.min.js"></script>

<script>
    angular.element(document).ready(function() {
        angular.bootstrap(document, ['my-application', 'suave-ui']);
    });
</script>

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

Demo sections