@gits-id/app-bar
Advanced tools
Comparing version 0.1.17-next.10 to 0.2.0
{ | ||
"name": "@gits-id/app-bar", | ||
"version": "0.1.17-next.10", | ||
"version": "0.2.0", | ||
"description": "GITS AppBar Component", | ||
@@ -21,5 +21,5 @@ "scripts": { | ||
"devDependencies": { | ||
"@gits-id/button": "^0.1.17-next.10", | ||
"@gits-id/tailwind-config": "^0.1.17-next.10", | ||
"@gits-id/utils": "^0.1.17-next.10", | ||
"@gits-id/button": "^0.2.0", | ||
"@gits-id/tailwind-config": "^0.2.0", | ||
"@gits-id/utils": "^0.2.0", | ||
"@vue/test-utils": "^2.0.0-rc.17", | ||
@@ -34,3 +34,3 @@ "tailwindcss": "^3.0.23", | ||
"types": "./dist/types/index.d.ts", | ||
"gitHead": "ef6f99090f62058049652587b06e7670a55682fb" | ||
"gitHead": "7636dc5155842bce4144e5ac8f86512f119a1f24" | ||
} |
@@ -1,2 +0,2 @@ | ||
import MyAppBar from './VAppBar.vue'; | ||
import VAppBar from './VAppBar.vue'; | ||
import {Story, Meta} from '@storybook/vue3'; | ||
@@ -6,3 +6,3 @@ | ||
title: 'Components/AppBar', | ||
component: MyAppBar, | ||
component: VAppBar, | ||
argTypes: {}, | ||
@@ -19,3 +19,3 @@ args: { | ||
// Components used in your story `template` are defined in the `components` object | ||
components: {MyAppBar}, | ||
components: {VAppBar}, | ||
// The story's `args` need to be mapped into the template through the `setup()` method | ||
@@ -26,3 +26,3 @@ setup() { | ||
// And then the `args` are bound to your component with `v-bind="args"` | ||
template: `<MyAppBar v-bind="args">Hello</MyAppBar>`, | ||
template: `<VAppBar v-bind="args">Hello</VAppBar>`, | ||
}); | ||
@@ -32,2 +32,9 @@ | ||
Default.args = {}; | ||
Default.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-app-bar/>`, | ||
}, | ||
}, | ||
}; | ||
@@ -38,2 +45,9 @@ export const Fixed = Template.bind({}); | ||
}; | ||
Fixed.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-app-bar fixed/>`, | ||
}, | ||
}, | ||
}; | ||
@@ -44,2 +58,9 @@ export const Mini = Template.bind({}); | ||
}; | ||
Mini.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-app-bar mini/>`, | ||
}, | ||
}, | ||
}; | ||
@@ -50,2 +71,9 @@ export const Dark = Template.bind({}); | ||
}; | ||
Dark.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-app-bar dark/>`, | ||
}, | ||
}, | ||
}; | ||
@@ -57,1 +85,9 @@ export const Custom = Template.bind({}); | ||
}; | ||
Custom.parameters = { | ||
docs: { | ||
source: { | ||
code: `<v-app-bar dark class="rounded-lg"/>`, | ||
}, | ||
}, | ||
}; |
15241
275