diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index 39bd3c8a0..8d4036126 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -170,7 +170,10 @@ const Component = Backbone.Model.extend(Styleable).extend(
       this.em = em;
       this.config = opt.config || {};
       this.ccid = Component.createId(this);
-      this.set('attributes', this.get('attributes') || {});
+      this.set('attributes', {
+        ...(this.defaults.attributes || {}),
+        ...(this.get('attributes') || {})
+      });
       this.initClasses();
       this.initTraits();
       this.initComponents();