@momentum-design/components 0.26.0 → 0.27.1
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/dist/browser/index.js +2 -1
- package/dist/browser/index.js.map +2 -2
- package/dist/components/tab/tab.component.d.ts +5 -0
- package/dist/components/tab/tab.component.js +7 -1
- package/dist/custom-elements.json +829 -829
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/tab/index.d.ts +5 -0
- package/dist/react/tab/index.js +5 -0
- package/package.json +1 -1
|
@@ -9,8 +9,13 @@ declare const Tab_base: import("../../utils/mixins/index.types").Constructor<imp
|
|
|
9
9
|
*
|
|
10
10
|
* The `slot="badge"` can be used to add a badge to the tab.
|
|
11
11
|
*
|
|
12
|
+
* The `slot="chip"` can be used to add a chip to the tab.
|
|
13
|
+
*
|
|
12
14
|
* For `icon`, the `mdc-icon` component is used to render the icon.
|
|
13
15
|
*
|
|
16
|
+
* Note: Icons can be used in conjunction with badges or chips.
|
|
17
|
+
* Badges and chips should not be used at the same time.
|
|
18
|
+
*
|
|
14
19
|
* @dependency mdc-icon
|
|
15
20
|
* @dependency mdc-text
|
|
16
21
|
*
|
|
@@ -22,8 +22,13 @@ import { IconNameMixin } from '../../utils/mixins/IconNameMixin';
|
|
|
22
22
|
*
|
|
23
23
|
* The `slot="badge"` can be used to add a badge to the tab.
|
|
24
24
|
*
|
|
25
|
+
* The `slot="chip"` can be used to add a chip to the tab.
|
|
26
|
+
*
|
|
25
27
|
* For `icon`, the `mdc-icon` component is used to render the icon.
|
|
26
28
|
*
|
|
29
|
+
* Note: Icons can be used in conjunction with badges or chips.
|
|
30
|
+
* Badges and chips should not be used at the same time.
|
|
31
|
+
*
|
|
27
32
|
* @dependency mdc-icon
|
|
28
33
|
* @dependency mdc-text
|
|
29
34
|
*
|
|
@@ -166,7 +171,6 @@ class Tab extends IconNameMixin(Buttonsimple) {
|
|
|
166
171
|
render() {
|
|
167
172
|
return html `
|
|
168
173
|
<div part="container">
|
|
169
|
-
<slot name="badge" part="badge"></slot>
|
|
170
174
|
${this.iconName
|
|
171
175
|
? html ` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`
|
|
172
176
|
: nothing}
|
|
@@ -179,6 +183,8 @@ class Tab extends IconNameMixin(Buttonsimple) {
|
|
|
179
183
|
>${this.text}</mdc-text
|
|
180
184
|
>`
|
|
181
185
|
: nothing}
|
|
186
|
+
<slot name="badge"></slot>
|
|
187
|
+
<slot name="chip"></slot>
|
|
182
188
|
</div>
|
|
183
189
|
<div part="indicator"></div>
|
|
184
190
|
`;
|