Merge branch 'gr_card_classes' of https://github.com/prysmex/ember-eui

prysmex · May 27, 2022 · 4b65400 · 4b65400
2 parents 2e1f6d4 + 03cd7ec
commit 4b65400
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/core/addon/components/eui-card/index.hbs b/packages/core/addon/components/eui-card/index.hbs
@@ -122,7 +122,7 @@
       </span>
     {{/if}}
     {{#if (and (eq layout "vertical") (or (has-block "footer") @footer))}}
-      <div class="euiCard__footer">
+      <div class={{this.footerClasses}}>
         {{#if (has-block "footer")}}
           {{yield to="footer"}}
         {{else}}

diff --git a/packages/core/addon/components/eui-card/index.ts b/packages/core/addon/components/eui-card/index.ts
@@ -13,6 +13,11 @@ type EuiCardComponentArgs = {
    * Class that will apply to the card content section.
    */
   contentClassName?: string;
+
+  /**
+   * Class that will apply to the card footer section.
+   */
+  footerClassName?: string;
 };
 
 export default class EuiCardComponent extends Component<EuiCardComponentArgs> {
@@ -41,4 +46,8 @@ export default class EuiCardComponent extends Component<EuiCardComponentArgs> {
   get contentClasses(): string {
     return ['euiCard__content', this.args.contentClassName].join(' ');
   }
+
+  get footerClasses(): string {
+    return ['euiCard__footer', this.args.footerClassName].join(' ');
+  }
 }