diff --git a/@salix/app/src/components/left-menu/menu-item.html b/@salix/app/src/components/left-menu/menu-item.html
index 3f38ba07e..5bffa626d 100644
--- a/@salix/app/src/components/left-menu/menu-item.html
+++ b/@salix/app/src/components/left-menu/menu-item.html
@@ -1,7 +1,7 @@
-
- keyboard_arrow_right
- {{menu.item.icon}}
- {{menu.item.description}}
-
+
+ keyboard_arrow_right
+ {{menu.item.icon}}
+ {{menu.item.description}}
+
\ No newline at end of file
diff --git a/@salix/core/src/card/card.js b/@salix/core/src/card/card.js
index 1dfe2ccc6..01f3118be 100644
--- a/@salix/core/src/card/card.js
+++ b/@salix/core/src/card/card.js
@@ -9,7 +9,7 @@ export const NAME = util.getName(_NAME);
directive.$inject = [resolveFactory.NAME];
export function directive(resolve) {
return {
- require: 'E',
+ restrict: 'E',
transclude: true,
template: function(_, attr) {
return resolve.getTemplate(_NAME, attr);
diff --git a/@salix/core/src/core.js b/@salix/core/src/core.js
index 7ec72e2b7..09c119e32 100644
--- a/@salix/core/src/core.js
+++ b/@salix/core/src/core.js
@@ -48,6 +48,8 @@ export {NAME as CARD, directive as CardDirective} from './card/card';
export {NAME as CARD_MDL, factory as cardMdl} from './card/card.mdl';
export {NAME as SWITCH, directive as SwitchDirective} from './switch/switch';
export {NAME as SWITCH_MDL, factory as switchdMdl} from './switch/switch.mdl';
+export {NAME as FLOATBUTTON, directive as FloatButtonDirective} from './floatbutton/floatbutton';
+export {NAME as FLOATBUTTON_MDL, factory as floatButtondMdl} from './floatbutton/floatbutton.mdl';
export {directive as Icon} from './icon/icon';
export {factory as IconMdl} from './icon/icon.mdl';
diff --git a/@salix/core/src/floatbutton/floatbutton.js b/@salix/core/src/floatbutton/floatbutton.js
new file mode 100644
index 000000000..276ae4618
--- /dev/null
+++ b/@salix/core/src/floatbutton/floatbutton.js
@@ -0,0 +1,19 @@
+import {module as _module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'floatButton';
+export const NAME = util.getName(_NAME);
+
+directive.$inject = [resolveFactory.NAME];
+export function directive(resolve) {
+ return {
+ restrict: 'E',
+ template: function(_, attr) {
+ return resolve.getTemplate(_NAME, attr);
+ }
+ };
+}
+
+_module.directive(NAME, directive);
+
diff --git a/@salix/core/src/floatbutton/floatbutton.mdl.html b/@salix/core/src/floatbutton/floatbutton.mdl.html
new file mode 100644
index 000000000..d9467b5ce
--- /dev/null
+++ b/@salix/core/src/floatbutton/floatbutton.mdl.html
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/@salix/core/src/floatbutton/floatbutton.mdl.js b/@salix/core/src/floatbutton/floatbutton.mdl.js
new file mode 100644
index 000000000..3a7c5a3d3
--- /dev/null
+++ b/@salix/core/src/floatbutton/floatbutton.mdl.js
@@ -0,0 +1,20 @@
+import {module as _module} from '../module';
+import * as util from '../util';
+import * as constant from '../constants';
+import template from './floatbutton.mdl.html';
+
+const _NAME = 'floatButton';
+const DEFAULT_CLASS = 'mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored';
+
+export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
+
+export function factory() {
+ return {
+ template: template,
+ default: {
+ className: DEFAULT_CLASS
+ }
+ };
+}
+
+_module.factory(NAME, factory);
diff --git a/@salix/core/src/icon-button/icon-button.mdl.html b/@salix/core/src/icon-button/icon-button.mdl.html
index 52b459664..39a1d1520 100644
--- a/@salix/core/src/icon-button/icon-button.mdl.html
+++ b/@salix/core/src/icon-button/icon-button.mdl.html
@@ -1,3 +1,3 @@
-