@eui/components 19.1.3-snapshot-1744279007296 → 19.1.3-snapshot-1744701533037
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiCardComponent.html +0 -15
- package/docs/components/EuiCardContentComponent.html +0 -15
- package/docs/components/EuiCardFooterActionButtonsComponent.html +0 -19
- package/docs/components/EuiCardFooterActionIconsComponent.html +0 -25
- package/docs/components/EuiCardFooterComponent.html +0 -29
- package/docs/components/EuiCardFooterMenuComponent.html +0 -55
- package/docs/components/EuiCardFooterMenuContentComponent.html +0 -29
- package/docs/components/EuiCardHeaderBodyComponent.html +0 -11
- package/docs/components/EuiCardHeaderComponent.html +0 -20
- package/docs/components/EuiCardHeaderLeftContentComponent.html +0 -13
- package/docs/components/EuiCardHeaderRightContentComponent.html +0 -16
- package/docs/components/EuiCardHeaderSubtitleComponent.html +0 -15
- package/docs/components/EuiCardHeaderTitleComponent.html +0 -16
- package/docs/components/EuiCardMediaComponent.html +0 -17
- package/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/eui-card/components/eui-card-content/eui-card-content.component.d.ts +0 -18
- package/eui-card/components/eui-card-content/eui-card-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts +0 -22
- package/eui-card/components/eui-card-footer/eui-card-footer-action-buttons.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts +0 -30
- package/eui-card/components/eui-card-footer/eui-card-footer-action-icons.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts +0 -30
- package/eui-card/components/eui-card-footer/eui-card-footer-menu-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts +0 -56
- package/eui-card/components/eui-card-footer/eui-card-footer-menu.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts +0 -30
- package/eui-card/components/eui-card-footer/eui-card-footer.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts +0 -16
- package/eui-card/components/eui-card-header/eui-card-header-left-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts +0 -19
- package/eui-card/components/eui-card-header/eui-card-header-right-content.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts +0 -18
- package/eui-card/components/eui-card-header/eui-card-header-subtitle.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts +0 -19
- package/eui-card/components/eui-card-header/eui-card-header-title.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts +0 -19
- package/eui-card/components/eui-card-header/eui-card-header.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts +0 -14
- package/eui-card/components/eui-card-header-body/eui-card-header-body.component.d.ts.map +1 -1
- package/eui-card/components/eui-card-media/eui-card-media.component.d.ts +0 -16
- package/eui-card/components/eui-card-media/eui-card-media.component.d.ts.map +1 -1
- package/eui-card/eui-card.component.d.ts +0 -18
- package/eui-card/eui-card.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +10 -336
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/package.json +11 -11
@@ -114,21 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<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>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
{{ cardTitle }}
|
122
|
-
</eui-card-header-title>
|
123
|
-
<eui-card-header-subtitle>
|
124
|
-
{{ cardSubtitle }}
|
125
|
-
</eui-card-header-subtitle>
|
126
|
-
</eui-card-header>
|
127
|
-
<eui-card-content>
|
128
|
-
I am the content of the card container...
|
129
|
-
</eui-card-content>
|
130
|
-
</eui-card></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>.
|
131
|
-
```</p>
|
132
117
|
|
133
118
|
</p>
|
134
119
|
|
@@ -114,21 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-content component projects the content for eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
{{ cardTitle }}
|
122
|
-
</eui-card-header-title>
|
123
|
-
<eui-card-header-subtitle>
|
124
|
-
{{ cardSubtitle }}
|
125
|
-
</eui-card-header-subtitle>
|
126
|
-
</eui-card-header>
|
127
|
-
<eui-card-content>
|
128
|
-
I am the content of the card container...
|
129
|
-
</eui-card-content>
|
130
|
-
</eui-card></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>.
|
131
|
-
```</p>
|
132
117
|
|
133
118
|
</p>
|
134
119
|
|
@@ -114,25 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-footer-action-buttons component projects the action buttons content for eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiHoverable>
|
119
|
-
<eui-card-media
|
120
|
-
imageUrl="./assets/images/cards/home-card-law.jpg">
|
121
|
-
</eui-card-media>
|
122
|
-
<eui-card-content style="max-height: 11rem; min-height: 11rem;">
|
123
|
-
<h5 class="eui-u-f-bold eui-u-mb-s">Law | EUR Lex</h5>
|
124
|
-
The Official Journal of the European Union, EU case law and other resources for EU law
|
125
|
-
</eui-card-content>
|
126
|
-
<eui-card-footer>
|
127
|
-
<eui-card-footer-action-buttons class="eui-u-flex-justify-content-end">
|
128
|
-
<button euiButton euiPrimary euiSizeS>
|
129
|
-
<span euiLabel>Action</span>
|
130
|
-
<eui-icon-svg icon="chevron-forward:sharp"></eui-icon-svg>
|
131
|
-
</button>
|
132
|
-
</eui-card-footer-action-buttons>
|
133
|
-
</eui-card-footer>
|
134
|
-
</eui-card></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>.
|
135
|
-
```</p>
|
136
117
|
|
137
118
|
</p>
|
138
119
|
|
@@ -114,31 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-footer-action-icons component projects the action icons content for eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
<strong>Default layout of a card footer</strong>
|
122
|
-
</eui-card-header-title>
|
123
|
-
</eui-card-header></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> <eui-card-content>
|
124
|
-
<p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
|
125
|
-
</eui-card-content>
|
126
|
-
|
127
|
-
<eui-card-footer>
|
128
|
-
<eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
|
129
|
-
<span class="eui-u-cursor-help">Action buttons</span>
|
130
|
-
</eui-card-footer-action-buttons>
|
131
|
-
|
132
|
-
<eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
|
133
|
-
<span class="eui-u-cursor-help">Action icons</span>
|
134
|
-
</eui-card-footer-action-icons>
|
135
|
-
|
136
|
-
<eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
|
137
|
-
<div class="m-2">Menu content here</div>
|
138
|
-
</eui-card-footer-menu-content>
|
139
|
-
</eui-card-footer></code></pre></div> </eui-card>
|
140
|
-
```
|
141
|
-
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>.
|
142
117
|
|
143
118
|
</p>
|
144
119
|
|
@@ -114,31 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-footer component projects the footer of the eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
<strong>Default layout of a card footer</strong>
|
122
|
-
</eui-card-header-title>
|
123
|
-
</eui-card-header></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> <eui-card-content>
|
124
|
-
<p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
|
125
|
-
</eui-card-content>
|
126
|
-
|
127
|
-
<eui-card-footer>
|
128
|
-
<eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
|
129
|
-
<span class="eui-u-cursor-help">Action buttons</span>
|
130
|
-
</eui-card-footer-action-buttons>
|
131
|
-
|
132
|
-
<eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
|
133
|
-
<span class="eui-u-cursor-help">Action icons</span>
|
134
|
-
</eui-card-footer-action-icons>
|
135
|
-
|
136
|
-
<eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
|
137
|
-
<div class="m-2">Menu content here</div>
|
138
|
-
</eui-card-footer-menu-content>
|
139
|
-
</eui-card-footer></code></pre></div> </eui-card>
|
140
|
-
```
|
141
|
-
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>.
|
142
117
|
|
143
118
|
</p>
|
144
119
|
|
@@ -155,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
|
|
155
130
|
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
156
131
|
</tr>
|
157
132
|
|
158
|
-
<tr>
|
159
|
-
<td class="col-md-3">encapsulation</td>
|
160
|
-
<td class="col-md-9"><code>ViewEncapsulation.None</code></td>
|
161
|
-
</tr>
|
162
133
|
|
163
134
|
|
164
135
|
|
@@ -114,57 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-footer-menu component provides menu options for the footer of the eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
<strong>Sample Card Title</strong>
|
122
|
-
</eui-card-header-title>
|
123
|
-
</eui-card-header></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> <eui-card-content>
|
124
|
-
<p class="eui-u-text-paragraph">I am the content of the card container with a full default footer's layout.</p>
|
125
|
-
</eui-card-content>
|
126
|
-
|
127
|
-
<eui-card-footer>
|
128
|
-
<eui-card-footer-action-buttons>
|
129
|
-
<div class="eui-u-flex eui-u-flex-wrap">
|
130
|
-
<button euiButton euiPrimary>Action 1</button>
|
131
|
-
<button euiButton euiSecondary>Action 2</button>
|
132
|
-
</div>
|
133
|
-
</eui-card-footer-action-buttons>
|
134
|
-
|
135
|
-
<eui-card-footer-action-icons>
|
136
|
-
<button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip="Mark as favourite" aria-label="Mark as favourite">
|
137
|
-
<eui-icon-svg icon="eui-star" size="l" fillColor="neutral-lighter"></eui-icon-svg>
|
138
|
-
</button>
|
139
|
-
<button euiButton euiRounded euiIconButton euiBasicButton euiSecondary euiTooltip="Share" aria-label="Share">
|
140
|
-
<eui-icon-svg icon="eui-ecl-share" size="m" fillColor="neutral-lighter"></eui-icon-svg>
|
141
|
-
</button>
|
142
|
-
</eui-card-footer-action-icons>
|
143
|
-
|
144
|
-
<eui-card-footer-menu>
|
145
|
-
<eui-dropdown>
|
146
|
-
<button
|
147
|
-
euiButton
|
148
|
-
euiRounded
|
149
|
-
euiIconButton
|
150
|
-
euiBasicButton
|
151
|
-
euiSecondary
|
152
|
-
type="button"
|
153
|
-
euiTooltip="more options"
|
154
|
-
[attr.aria-label]="'more options'">
|
155
|
-
<eui-icon-svg icon="ellipsis-vertical:sharp"></eui-icon-svg>
|
156
|
-
</button>
|
157
|
-
<eui-dropdown-content>
|
158
|
-
<button euiDropdownItem>Menu item 1</button>
|
159
|
-
<button euiDropdownItem>Menu item 2</button>
|
160
|
-
<button euiDropdownItem>Menu item 3</button>
|
161
|
-
</eui-dropdown-content>
|
162
|
-
</eui-dropdown>
|
163
|
-
</eui-card-footer-menu>
|
164
|
-
|
165
|
-
</eui-card-footer></code></pre></div> </eui-card>
|
166
|
-
```
|
167
|
-
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>.
|
168
117
|
|
169
118
|
</p>
|
170
119
|
|
@@ -181,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
|
|
181
130
|
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
182
131
|
</tr>
|
183
132
|
|
184
|
-
<tr>
|
185
|
-
<td class="col-md-3">encapsulation</td>
|
186
|
-
<td class="col-md-9"><code>ViewEncapsulation.None</code></td>
|
187
|
-
</tr>
|
188
133
|
|
189
134
|
|
190
135
|
|
@@ -114,31 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-footer-menu-content component projects the content of the actions menu of the eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
<strong>Default layout of a card footer</strong>
|
122
|
-
</eui-card-header-title>
|
123
|
-
</eui-card-header></code></pre></div><b>Example :</b><div><pre class="line-numbers"><code class="language-none"> <eui-card-content>
|
124
|
-
<p class="eui-u-text-paragraph">Hover on footer's elements to display more information.</p>
|
125
|
-
</eui-card-content>
|
126
|
-
|
127
|
-
<eui-card-footer>
|
128
|
-
<eui-card-footer-action-buttons euiTooltip="Here are displayed the main action buttons.&#13;It is recommended to have maximum 2 buttons.&#13;Primary action button is always displayed first.&#13;Other actions will be put in the menu.">
|
129
|
-
<span class="eui-u-cursor-help">Action buttons</span>
|
130
|
-
</eui-card-footer-action-buttons>
|
131
|
-
|
132
|
-
<eui-card-footer-action-icons euiTooltip="Here are displayed the action icons.&#13;It is recommended to have maximum 2 icons.&#13;Other actions will be put in the menu.">
|
133
|
-
<span class="eui-u-cursor-help">Action icons</span>
|
134
|
-
</eui-card-footer-action-icons>
|
135
|
-
|
136
|
-
<eui-card-footer-menu-content [tooltipText]="'Actions menu to propose more options'">
|
137
|
-
<div class="m-2">Menu content here</div>
|
138
|
-
</eui-card-footer-menu-content>
|
139
|
-
</eui-card-footer></code></pre></div> </eui-card>
|
140
|
-
```
|
141
|
-
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>.
|
142
117
|
|
143
118
|
</p>
|
144
119
|
|
@@ -155,10 +130,6 @@ See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide
|
|
155
130
|
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
156
131
|
</tr>
|
157
132
|
|
158
|
-
<tr>
|
159
|
-
<td class="col-md-3">encapsulation</td>
|
160
|
-
<td class="col-md-9"><code>ViewEncapsulation.None</code></td>
|
161
|
-
</tr>
|
162
133
|
|
163
134
|
|
164
135
|
|
@@ -114,17 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-body component projects the body for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>Title</eui-card-header-title>
|
121
|
-
<eui-card-header-body>Body</eui-card-header-body>
|
122
|
-
</eui-card-header>
|
123
|
-
<eui-card-content>
|
124
|
-
Card content...
|
125
|
-
</eui-card-content>
|
126
|
-
</eui-card></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.
|
127
|
-
```</p>
|
128
117
|
|
129
118
|
</p>
|
130
119
|
|
@@ -114,22 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header component provides the header options of the eui-card.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiCollapsible>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-left-content>
|
121
|
-
<eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
|
122
|
-
</eui-card-header-left-content>
|
123
|
-
<eui-card-header-title>Title</eui-card-header-title>
|
124
|
-
<eui-card-header-right-content>
|
125
|
-
<button euiButton euiPrimary euiSizeS>Action</button>
|
126
|
-
</eui-card-header-right-content>
|
127
|
-
</eui-card-header>
|
128
|
-
<eui-card-content>
|
129
|
-
Card content...
|
130
|
-
</eui-card-content>
|
131
|
-
</eui-card></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.
|
132
|
-
```</p>
|
133
117
|
|
134
118
|
</p>
|
135
119
|
|
@@ -146,10 +130,6 @@
|
|
146
130
|
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
147
131
|
</tr>
|
148
132
|
|
149
|
-
<tr>
|
150
|
-
<td class="col-md-3">encapsulation</td>
|
151
|
-
<td class="col-md-9"><code>ViewEncapsulation.None</code></td>
|
152
|
-
</tr>
|
153
133
|
|
154
134
|
|
155
135
|
|
@@ -114,19 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-left-content component projects the left content for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiCollapsible>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-left-content>
|
121
|
-
<eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
|
122
|
-
</eui-card-header-left-content>
|
123
|
-
<eui-card-header-title>Title</eui-card-header-title>
|
124
|
-
</eui-card-header>
|
125
|
-
<eui-card-content>
|
126
|
-
Card content...
|
127
|
-
</eui-card-content>
|
128
|
-
</eui-card></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.
|
129
|
-
```</p>
|
130
117
|
|
131
118
|
</p>
|
132
119
|
|
@@ -114,22 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-right-content component projects the right content for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiCollapsible>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-left-content>
|
121
|
-
<eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
|
122
|
-
</eui-card-header-left-content>
|
123
|
-
<eui-card-header-title>Title</eui-card-header-title>
|
124
|
-
<eui-card-header-right-content>
|
125
|
-
<button euiButton euiPrimary euiSizeS>Action</button>
|
126
|
-
</eui-card-header-right-content>
|
127
|
-
</eui-card-header>
|
128
|
-
<eui-card-content>
|
129
|
-
Card content...
|
130
|
-
</eui-card-content>
|
131
|
-
</eui-card></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.
|
132
|
-
```</p>
|
133
117
|
|
134
118
|
</p>
|
135
119
|
|
@@ -114,21 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-subtitle component projects the subtitle for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-title>
|
121
|
-
{{ cardTitle }}
|
122
|
-
</eui-card-header-title>
|
123
|
-
<eui-card-header-subtitle>
|
124
|
-
{{ cardSubtitle }}
|
125
|
-
</eui-card-header-subtitle>
|
126
|
-
</eui-card-header>
|
127
|
-
<eui-card-content>
|
128
|
-
I am the content of the card container...
|
129
|
-
</eui-card-content>
|
130
|
-
</eui-card></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> for more details.
|
131
|
-
```</p>
|
132
117
|
|
133
118
|
</p>
|
134
119
|
|
@@ -114,22 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-title component projects the title for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiCollapsible>
|
119
|
-
<eui-card-header>
|
120
|
-
<eui-card-header-left-content>
|
121
|
-
<eui-icon-svg icon="home:sharp" fillColor="accent"></eui-icon-svg>
|
122
|
-
</eui-card-header-left-content>
|
123
|
-
<eui-card-header-title>Title</eui-card-header-title>
|
124
|
-
<eui-card-header-right-content>
|
125
|
-
<button euiButton euiPrimary euiSizeS>Action</button>
|
126
|
-
</eui-card-header-right-content>
|
127
|
-
</eui-card-header>
|
128
|
-
<eui-card-content>
|
129
|
-
Card content...
|
130
|
-
</eui-card-content>
|
131
|
-
</eui-card></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.
|
132
|
-
```</p>
|
133
117
|
|
134
118
|
</p>
|
135
119
|
|
@@ -114,19 +114,6 @@
|
|
114
114
|
</p>
|
115
115
|
<p class="comment">
|
116
116
|
<p>The eui-card-header-body component projects the body for eui-card-header.</p>
|
117
|
-
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">```html
|
118
|
-
<eui-card euiNoShadow>
|
119
|
-
<eui-card-media
|
120
|
-
imageUrl="./assets/images/cards/home-card-eu-publications.jpg"
|
121
|
-
imageLegend="EU Publications"
|
122
|
-
imageClickUrl="/style-guide-next/components/eui-card"
|
123
|
-
euiTooltip="Internal link Url defined pointing to this page">
|
124
|
-
</eui-card-media>
|
125
|
-
<eui-card-content style="height: 8rem;">
|
126
|
-
Reports, studies, information booklets, magazines and other publications from the EU institutions and other bodies
|
127
|
-
</eui-card-content>
|
128
|
-
</eui-card></code></pre></div><p>See <a href="https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#media-cards">https://eui.ecdevops.eu/eui-showcase-ux-components-19.x/style-guide/components/eui-card#media-cards</a> for more details.
|
129
|
-
```</p>
|
130
117
|
|
131
118
|
</p>
|
132
119
|
|
@@ -143,10 +130,6 @@
|
|
143
130
|
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
144
131
|
</tr>
|
145
132
|
|
146
|
-
<tr>
|
147
|
-
<td class="col-md-3">encapsulation</td>
|
148
|
-
<td class="col-md-9"><code>ViewEncapsulation.None</code></td>
|
149
|
-
</tr>
|
150
133
|
|
151
134
|
|
152
135
|
|
package/docs/dependencies.html
CHANGED
@@ -268,9 +268,9 @@
|
|
268
268
|
<li>
|
269
269
|
<b>@stackblitz/sdk</b> : 1.11.0</li>
|
270
270
|
<li>
|
271
|
-
<b>@eui/styles</b> : 19.1.3-snapshot-
|
271
|
+
<b>@eui/styles</b> : 19.1.3-snapshot-1744279007296</li>
|
272
272
|
<li>
|
273
|
-
<b>@eui/ecl</b> : 19.1.3-snapshot-
|
273
|
+
<b>@eui/ecl</b> : 19.1.3-snapshot-1744279007296</li>
|
274
274
|
<li>
|
275
275
|
<b>@eui/tools</b> : ^6.0.0</li>
|
276
276
|
</ul>
|