classcard-ui 0.2.995 → 0.2.997
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/classcard-ui.common.js +57 -57
- package/dist/classcard-ui.common.js.map +1 -1
- package/dist/classcard-ui.umd.js +57 -57
- package/dist/classcard-ui.umd.js.map +1 -1
- package/dist/classcard-ui.umd.min.js +1 -1
- package/dist/classcard-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CTabs/CTabs.vue +2 -2
- package/src/stories/CTabs.stories.js +4 -1
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div>
|
|
3
3
|
<slot></slot>
|
|
4
|
-
<div class="
|
|
4
|
+
<div class="sm:hidden" :class="tabClasses">
|
|
5
5
|
<label for="tabs" class="sr-only">Select a tab</label>
|
|
6
6
|
<select
|
|
7
7
|
v-model="activeTab"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
</option>
|
|
20
20
|
</select>
|
|
21
21
|
</div>
|
|
22
|
-
<div class="hidden
|
|
22
|
+
<div class="hidden sm:block">
|
|
23
23
|
<div class="flex items-center justify-between border-b border-gray-200">
|
|
24
24
|
<nav :class="classes" class="-mb-px flex" aria-label="Tabs">
|
|
25
25
|
<a
|
|
@@ -16,7 +16,8 @@ export default {
|
|
|
16
16
|
const Template = (args, { argTypes }) => ({
|
|
17
17
|
props: Object.keys(argTypes),
|
|
18
18
|
components: { CTabs },
|
|
19
|
-
template:
|
|
19
|
+
template:
|
|
20
|
+
'<c-tabs v-bind="$props"><template slot="tab-panel-url">url panel</template><template slot="tab-panel-mobile-app">app panel</template><template slot="tab-panel-preferences">preferences panel</template></c-tabs>',
|
|
20
21
|
});
|
|
21
22
|
|
|
22
23
|
export const Default = Template.bind({});
|
|
@@ -28,6 +29,8 @@ Default.args = {
|
|
|
28
29
|
{ name: "private", text: "Private classes" },
|
|
29
30
|
{ name: "subpages", text: "Subpages" },
|
|
30
31
|
{ name: "marketing", text: "Marketing" },
|
|
32
|
+
{ name: "design", text: "Design" },
|
|
33
|
+
{ name: "productandtechsupport", text: "Product and Tech Support" },
|
|
31
34
|
],
|
|
32
35
|
initialTab: "url",
|
|
33
36
|
};
|