AngularJS的UI框架:Suave UI
jopen
10年前
Suave UI设计用于基于AngularJS的web应用程序。它由CSS定义,指令和服务组件,帮助你快速,高效地构建UI。
组件
All these components are included in bundle-files. So you don't need to include them separately to use all them force.
- Font Awesome 4.2.0 provides icons.
- Animate.css 3.2.0 provides CSS-animations.
如何使用?
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. Demo & Examples is available here.