@mekari/mekari-ui-vue
Version:
--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import
147 lines (145 loc) • 2.2 kB
JavaScript
import '@/.storybook/story-config';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-icons.css';
import '@mekari/mekari-ui-toolkit/dist/css/components/mekari-ui-form.css';
export default {
// Props
id: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
ariaDescribedby: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
accept: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
capture: {
control: {
type: 'boolean',
},
table: {
type: {
summary: 'Boolean',
},
},
},
value: {
control: {
type: 'array',
},
table: {
type: {
summary: 'Array | File',
},
},
},
buttonText: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
defaultValue: 'Choose File',
},
label: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
placeholder: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
state: {
control: {
type: 'select',
options: [true, false, null],
},
table: {
type: {
summary: 'Boolean',
},
defaultValue: {
summary: null,
},
},
},
helperText: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
errorText: {
control: {
type: 'text',
},
table: {
type: {
summary: 'String',
},
},
},
multiple: {
table: {
type: {
summary: 'Boolean',
},
},
},
// Events
input: {
table: {
type: {
summary: null,
},
},
description: 'Emitted with the select value changes via user interaction',
},
change: {
table: {
type: {
summary: null,
},
},
description: 'Emitted with the select value changes',
},
};