@eui/components 19.1.2-snapshot-1743600141774 → 19.1.3-snapshot-1744273107050

package/docs/components/EuiCardComponent.html

@@ -109,6 +109,28 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card component is based on Material Design and provides a content container for text, photos and actions in the context of a single subject.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              {{ cardTitle }}
+          &lt;/eui-card-header-title&gt;
+          &lt;eui-card-header-subtitle&gt;
+              {{ cardSubtitle }}
+          &lt;/eui-card-header-subtitle&gt;
+      &lt;/eui-card-header&gt;
+      &lt;eui-card-content&gt;
+          I am the content of the card container...
+      &lt;/eui-card-content&gt;
+  &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card</a>.
+```</p>
+
+    </p>
 
 
     <p class="comment">
@@ -314,6 +336,12 @@
                         <i>Default value : </i><code>&#x27;eui-card&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>data-e2e</code> attribute at the host element.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -335,6 +363,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiCollapsed</code> attribute which collapses the card content.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -356,6 +390,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiCollapsible</code> attribute which shows the collapsible toggle in the header.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -377,6 +417,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiHoverable</code> attribute in order to show the hover effect on the card.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -398,6 +444,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiNoContentPadding</code> attribute in order to remove the padding from the card content.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -419,6 +471,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiNoShadow</code> attribute in order to remove the shadow from the card.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -440,6 +498,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiSelected</code> attribute in order to show the card header as selected.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -461,6 +525,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>euiUrgent</code> attribute in order to show the card header as urgent.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -480,6 +550,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Event emitted when the card collapses.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -561,6 +637,19 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Computes and returns the CSS classes for the component based on its current state.</p>
+</div>
+
+                                <div>
+                                </div>
+                                <div class="io-description">
+                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
+
+                                </div>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/components/EuiCardContentComponent.html

@@ -109,6 +109,28 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-content component projects the content for eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              {{ cardTitle }}
+          &lt;/eui-card-header-title&gt;
+          &lt;eui-card-header-subtitle&gt;
+              {{ cardSubtitle }}
+          &lt;/eui-card-header-subtitle&gt;
+      &lt;/eui-card-header&gt;
+      &lt;eui-card-content&gt;
+          I am the content of the card container...
+      &lt;/eui-card-content&gt;
+  &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card</a>.
+```</p>
+
+    </p>
 
 
 
@@ -236,6 +258,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the tabindex attribute to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -262,6 +290,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -307,6 +341,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -343,6 +383,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the tabindex attribute to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardFooterActionButtonsComponent.html

@@ -109,6 +109,32 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-footer-action-buttons component projects the action buttons content for eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card euiHoverable&gt;
+      &lt;eui-card-media
+          imageUrl=&quot;./assets/images/cards/home-card-law.jpg&quot;&gt;
+      &lt;/eui-card-media&gt;
+      &lt;eui-card-content style=&quot;max-height: 11rem; min-height: 11rem;&quot;&gt;
+          &lt;h5 class=&quot;eui-u-f-bold eui-u-mb-s&quot;&gt;Law | EUR Lex&lt;/h5&gt;
+          The Official Journal of the European Union, EU case law and other resources for EU law
+      &lt;/eui-card-content&gt;
+      &lt;eui-card-footer&gt;
+          &lt;eui-card-footer-action-buttons class=&quot;eui-u-flex-justify-content-end&quot;&gt;
+              &lt;button euiButton euiPrimary euiSizeS&gt;
+                  &lt;span euiLabel&gt;Action&lt;/span&gt;
+                  &lt;eui-icon-svg icon=&quot;chevron-forward:sharp&quot;&gt;&lt;/eui-icon-svg&gt;
+              &lt;/button&gt;
+          &lt;/eui-card-footer-action-buttons&gt;
+      &lt;/eui-card-footer&gt;
+  &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
+```</p>
+
+    </p>
 
 
 
@@ -229,6 +255,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -274,6 +306,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardFooterActionIconsComponent.html

@@ -109,6 +109,38 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-footer-action-icons component projects the action icons content for eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
+          &lt;/eui-card-header-title&gt;
+      &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">  &lt;eui-card-content&gt;
+      &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
+  &lt;/eui-card-content&gt;
+
+  &lt;eui-card-footer&gt;
+      &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
+      &lt;/eui-card-footer-action-buttons&gt;
+
+      &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
+      &lt;/eui-card-footer-action-icons&gt;
+
+      &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
+          &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
+      &lt;/eui-card-footer-menu-content&gt;
+  &lt;/eui-card-footer&gt;</code></pre></div>  </eui-card>
+```
+See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
+
+    </p>
 
 
 
@@ -229,6 +261,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -274,6 +312,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardFooterComponent.html

@@ -109,6 +109,38 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-footer component projects the footer of the eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
+          &lt;/eui-card-header-title&gt;
+      &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">  &lt;eui-card-content&gt;
+      &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
+  &lt;/eui-card-content&gt;
+
+  &lt;eui-card-footer&gt;
+      &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
+      &lt;/eui-card-footer-action-buttons&gt;
+
+      &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
+      &lt;/eui-card-footer-action-icons&gt;
+
+      &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
+          &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
+      &lt;/eui-card-footer-menu-content&gt;
+  &lt;/eui-card-footer&gt;</code></pre></div>  </eui-card>
+```
+See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
+
+    </p>
 
 
 
@@ -249,6 +281,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -418,6 +456,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardFooterMenuComponent.html

@@ -109,6 +109,64 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-footer-menu component provides menu options for the footer of the eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              &lt;strong&gt;Sample Card Title&lt;/strong&gt;
+          &lt;/eui-card-header-title&gt;
+      &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">  &lt;eui-card-content&gt;
+      &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;I am the content of the card container with a full default footer&#39;s layout.&lt;/p&gt;
+  &lt;/eui-card-content&gt;
+
+  &lt;eui-card-footer&gt;
+      &lt;eui-card-footer-action-buttons&gt;
+          &lt;div class=&quot;eui-u-flex eui-u-flex-wrap&quot;&gt;
+              &lt;button euiButton euiPrimary&gt;Action 1&lt;/button&gt;
+              &lt;button euiButton euiSecondary&gt;Action 2&lt;/button&gt;
+          &lt;/div&gt;
+      &lt;/eui-card-footer-action-buttons&gt;
+
+      &lt;eui-card-footer-action-icons&gt;
+          &lt;button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip=&quot;Mark as favourite&quot; aria-label=&quot;Mark as favourite&quot;&gt;
+              &lt;eui-icon-svg icon=&quot;eui-star&quot; size=&quot;l&quot; fillColor=&quot;neutral-lighter&quot;&gt;&lt;/eui-icon-svg&gt;
+          &lt;/button&gt;
+          &lt;button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip=&quot;Share&quot; aria-label=&quot;Share&quot;&gt;
+              &lt;eui-icon-svg icon=&quot;eui-ecl-share&quot; size=&quot;m&quot; fillColor=&quot;neutral-lighter&quot;&gt;&lt;/eui-icon-svg&gt;
+          &lt;/button&gt;
+      &lt;/eui-card-footer-action-icons&gt;
+
+      &lt;eui-card-footer-menu&gt;
+          &lt;eui-dropdown&gt;
+              &lt;button
+                  euiButton
+                  euiRounded
+                  euiIconButton
+                  euiBasicButton
+                  euiSecondary
+                  type=&quot;button&quot;
+                  euiTooltip=&quot;more options&quot;
+                  [attr.aria-label]=&quot;&#39;more options&#39;&quot;&gt;
+                  &lt;eui-icon-svg icon=&quot;ellipsis-vertical:sharp&quot;&gt;&lt;/eui-icon-svg&gt;
+              &lt;/button&gt;
+              &lt;eui-dropdown-content&gt;
+                  &lt;button euiDropdownItem&gt;Menu item 1&lt;/button&gt;
+                  &lt;button euiDropdownItem&gt;Menu item 2&lt;/button&gt;
+                  &lt;button euiDropdownItem&gt;Menu item 3&lt;/button&gt;
+              &lt;/eui-dropdown-content&gt;
+          &lt;/eui-dropdown&gt;
+      &lt;/eui-card-footer-menu&gt;
+
+  &lt;/eui-card-footer&gt;</code></pre></div>  </eui-card>
+```
+See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
+
+    </p>
 
 
 
@@ -233,6 +291,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -278,6 +342,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardFooterMenuContentComponent.html

@@ -109,6 +109,38 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-footer-menu-content component projects the content of the actions menu of the eui-card.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;
+              &lt;strong&gt;Default layout of a card footer&lt;/strong&gt;
+          &lt;/eui-card-header-title&gt;
+      &lt;/eui-card-header&gt;</code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none">  &lt;eui-card-content&gt;
+      &lt;p class=&quot;eui-u-text-paragraph&quot;&gt;Hover on footer&#39;s elements to display more information.&lt;/p&gt;
+  &lt;/eui-card-content&gt;
+
+  &lt;eui-card-footer&gt;
+      &lt;eui-card-footer-action-buttons euiTooltip=&quot;Here are displayed the main action buttons.&amp;#13;It is recommended to have maximum 2 buttons.&amp;#13;Primary action button is always displayed first.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action buttons&lt;/span&gt;
+      &lt;/eui-card-footer-action-buttons&gt;
+
+      &lt;eui-card-footer-action-icons euiTooltip=&quot;Here are displayed the action icons.&amp;#13;It is recommended to have maximum 2 icons.&amp;#13;Other actions will be put in the menu.&quot;&gt;
+          &lt;span class=&quot;eui-u-cursor-help&quot;&gt;Action icons&lt;/span&gt;
+      &lt;/eui-card-footer-action-icons&gt;
+
+      &lt;eui-card-footer-menu-content [tooltipText]=&quot;&#39;Actions menu to propose more options&#39;&quot;&gt;
+          &lt;div class=&quot;m-2&quot;&gt;Menu content here&lt;/div&gt;
+      &lt;/eui-card-footer-menu-content&gt;
+  &lt;/eui-card-footer&gt;</code></pre></div>  </eui-card>
+```
+See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-footer</a>.
+
+    </p>
 
 
 
@@ -242,6 +274,12 @@
                         <i>Default value : </i><code>&#x27;More options&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the tooltipText Input property.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -270,6 +308,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -315,6 +359,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/components/EuiCardHeaderBodyComponent.html

@@ -109,6 +109,24 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The eui-card-header-body component projects the body for eui-card-header.</p>
+<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
+  &lt;eui-card&gt;
+      &lt;eui-card-header&gt;
+          &lt;eui-card-header-title&gt;Title&lt;/eui-card-header-title&gt;
+          &lt;eui-card-header-body&gt;Body&lt;/eui-card-header-body&gt;
+      &lt;/eui-card-header&gt;
+      &lt;eui-card-content&gt;
+          Card content...
+      &lt;/eui-card-content&gt;
+  &lt;/eui-card&gt;</code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#card-header</a> for more details.
+```</p>
+
+    </p>
 
 
 
@@ -229,6 +247,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -274,6 +298,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the class to the component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>