@gitlab/ui 39.6.1 → 39.7.0
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/package.json
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { range } from 'lodash';
|
|
2
2
|
import { GlTabs, GlTab, GlScrollableTabs, GlBadge } from '../../../../index';
|
|
3
|
+
import { badgeVariantOptions } from '../../../../utils/constants';
|
|
3
4
|
import readme from './tabs.md';
|
|
4
5
|
|
|
5
6
|
const components = {
|
|
@@ -152,28 +153,18 @@ export const WithCounterBadges = (_args, { argTypes }) => ({
|
|
|
152
153
|
props: Object.keys(argTypes),
|
|
153
154
|
components: { ...components, GlBadge },
|
|
154
155
|
template: wrap(`
|
|
155
|
-
<gl-tab
|
|
156
|
+
<gl-tab
|
|
157
|
+
v-for="variant in $options.badgeVariantOptions"
|
|
158
|
+
:key="variant"
|
|
159
|
+
>
|
|
156
160
|
<template #title>
|
|
157
161
|
<span>Tab</span>
|
|
158
|
-
<gl-badge size="sm" class="gl-tab-counter-badge">500</gl-badge>
|
|
162
|
+
<gl-badge size="sm" class="gl-tab-counter-badge" :variant="variant">500</gl-badge>
|
|
159
163
|
<span class="sr-only">items</span>
|
|
160
164
|
</template>
|
|
161
|
-
Tab panel
|
|
162
|
-
</gl-tab>
|
|
163
|
-
<gl-tab>
|
|
164
|
-
<template #title>
|
|
165
|
-
<span>Tab</span>
|
|
166
|
-
<gl-badge size="sm" class="gl-tab-counter-badge">250</gl-badge>
|
|
167
|
-
<span class="sr-only">items</span>
|
|
168
|
-
</template>
|
|
169
|
-
Tab panel 2
|
|
170
|
-
</gl-tab>
|
|
171
|
-
<gl-tab>
|
|
172
|
-
<template #title>
|
|
173
|
-
<span>Tab</span>
|
|
174
|
-
</template>
|
|
175
|
-
Tab panel 3
|
|
165
|
+
Tab panel {{ variant }}
|
|
176
166
|
</gl-tab>`),
|
|
167
|
+
badgeVariantOptions,
|
|
177
168
|
});
|
|
178
169
|
|
|
179
170
|
export const WithActions = (_args, { argTypes }) => ({
|