diff --git a/addon/components/paper-card-avatar.hbs b/addon/components/paper-card-avatar.hbs
new file mode 100644
index 000000000..6f80fc8b4
--- /dev/null
+++ b/addon/components/paper-card-avatar.hbs
@@ -0,0 +1,3 @@
+<md-card-avatar ...attributes>
+  {{yield}}
+</md-card-avatar>
\ No newline at end of file
diff --git a/addon/components/paper-card-avatar.js b/addon/components/paper-card-avatar.js
index eac64760f..6c097799c 100644
--- a/addon/components/paper-card-avatar.js
+++ b/addon/components/paper-card-avatar.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardAvatar
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-avatar'
-});
+export default class PaperCardAvatar extends Component {
+  tagName = '';
+}
diff --git a/addon/components/paper-card-content.hbs b/addon/components/paper-card-content.hbs
new file mode 100644
index 000000000..8aea33653
--- /dev/null
+++ b/addon/components/paper-card-content.hbs
@@ -0,0 +1,3 @@
+<md-card-content ...attributes>
+  {{yield}}
+</md-card-content>
\ No newline at end of file
diff --git a/addon/components/paper-card-content.js b/addon/components/paper-card-content.js
index 98362fef7..a3d4731c9 100644
--- a/addon/components/paper-card-content.js
+++ b/addon/components/paper-card-content.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardContent
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-content'
-});
+export default class PaperCardContent extends Component {
+  tagName = '';
+}
diff --git a/addon/components/paper-card-header-headline.hbs b/addon/components/paper-card-header-headline.hbs
new file mode 100644
index 000000000..1c48e302b
--- /dev/null
+++ b/addon/components/paper-card-header-headline.hbs
@@ -0,0 +1,3 @@
+<span class="md-headline" ...attributes>
+  {{yield}}
+</span>
\ No newline at end of file
diff --git a/addon/components/paper-card-header-headline.js b/addon/components/paper-card-header-headline.js
index 41e69dc9b..2b04f4d1c 100644
--- a/addon/components/paper-card-header-headline.js
+++ b/addon/components/paper-card-header-headline.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,7 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardHeaderHeadline
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'span',
-  classNames: ['md-headline']
-});
+export default class PaperCardHeaderHeadline extends Component {
+  tagName = '';
+}
diff --git a/addon/components/paper-card-title-media.hbs b/addon/components/paper-card-title-media.hbs
index eb1835447..bf78cde53 100644
--- a/addon/components/paper-card-title-media.hbs
+++ b/addon/components/paper-card-title-media.hbs
@@ -1,7 +1,9 @@
-{{#if (has-block)}}
-  <div class="md-media-{{this.size}}">
-    {{yield}}
-  </div>
-{{else}}
-  <img class="md-media-{{this.size}}" src={{@src}} alt={{@alt}} title={{@title}}>
-{{/if}}
\ No newline at end of file
+<md-card-title-media ...attributes>
+  {{#if (has-block)}}
+    <div class="md-media-{{this.size}}">
+      {{yield}}
+    </div>
+  {{else}}
+    <img class="md-media-{{this.size}}" src={{@src}} alt={{@alt}} title={{@title}}>
+  {{/if}}
+</md-card-title-media>
\ No newline at end of file
diff --git a/addon/components/paper-card-title-media.js b/addon/components/paper-card-title-media.js
index 3f050efef..b1ed747d2 100644
--- a/addon/components/paper-card-title-media.js
+++ b/addon/components/paper-card-title-media.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,7 +8,7 @@ import Component from '@ember/component';
  * @class PaperCardTitleMedia
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-title-media',
-  size: 'md',
-});
+export default class PaperCardTitleMedia extends Component {
+  tagName = '';
+  size = 'md';
+}
diff --git a/addon/components/paper-card-title-text.hbs b/addon/components/paper-card-title-text.hbs
index 99c80930b..8498d188d 100644
--- a/addon/components/paper-card-title-text.hbs
+++ b/addon/components/paper-card-title-text.hbs
@@ -1,4 +1,6 @@
-{{yield (hash
-  headline=(component "paper-card-header-headline")
-  subhead=(component "paper-card-header-subhead")
-)}}
\ No newline at end of file
+<md-card-title-text ...attributes>
+  {{yield (hash
+    headline=(component "paper-card-header-headline")
+    subhead=(component "paper-card-header-subhead")
+  )}}
+</md-card-title-text>
\ No newline at end of file
diff --git a/addon/components/paper-card-title-text.js b/addon/components/paper-card-title-text.js
index 30a5182c5..5aa1ee7aa 100644
--- a/addon/components/paper-card-title-text.js
+++ b/addon/components/paper-card-title-text.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardTitleText
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card-title-text',
-});
+export default class PaperCardTitleText extends Component {
+  tagName = '';
+}
diff --git a/addon/components/paper-card.hbs b/addon/components/paper-card.hbs
index 4749579b0..37d26dc64 100644
--- a/addon/components/paper-card.hbs
+++ b/addon/components/paper-card.hbs
@@ -1,8 +1,10 @@
-{{yield (hash
-  title=(component "paper-card-title")
-  content=(component "paper-card-content")
-  actions=(component "paper-card-actions")
-  header=(component "paper-card-header")
-  image=(component "paper-card-image")
-  media=(component "paper-card-media")
-)}}
\ No newline at end of file
+<md-card ...attributes>
+  {{yield (hash
+    title=(component "paper-card-title")
+    content=(component "paper-card-content")
+    actions=(component "paper-card-actions")
+    header=(component "paper-card-header")
+    image=(component "paper-card-image")
+    media=(component "paper-card-media")
+  )}}
+</md-card>
\ No newline at end of file
diff --git a/addon/components/paper-card.js b/addon/components/paper-card.js
index d3d820984..0797f4ec0 100644
--- a/addon/components/paper-card.js
+++ b/addon/components/paper-card.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,6 +8,6 @@ import Component from '@ember/component';
  * @class PaperCard
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'md-card',
-});
+export default class PaperCard extends Component {
+  tagName = '';
+}