mirror of
https://github.com/directus/directus.git
synced 2026-01-27 22:57:56 -05:00
Add storybook entry for tags display (#456)
This commit is contained in:
@@ -0,0 +1,24 @@
|
||||
import withPadding from '../../../.storybook/decorators/with-padding';
|
||||
import { withKnobs, array } from '@storybook/addon-knobs';
|
||||
import readme from './readme.md';
|
||||
import { defineComponent } from '@vue/composition-api';
|
||||
|
||||
export default {
|
||||
title: 'Displays / Tags',
|
||||
decorators: [withPadding, withKnobs],
|
||||
parameters: {
|
||||
notes: readme,
|
||||
},
|
||||
};
|
||||
|
||||
export const basic = () =>
|
||||
defineComponent({
|
||||
props: {
|
||||
value: {
|
||||
default: array('Value', ['vip', 'executive']),
|
||||
},
|
||||
},
|
||||
template: `
|
||||
<display-tags :value="value" />
|
||||
`,
|
||||
});
|
||||
|
||||
@@ -23,4 +23,8 @@ export default defineComponent({
|
||||
.display-tags {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.v-chip + .v-chip {
|
||||
margin-left: 4px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user