vuerio
Installation
Install vuerio package.
npm i vuerio
yarn add vuerio
Configuration
Please import the common css.
import 'vuerio/dist/vuerio.common.css'
Atomic Components
Button
import { JButton } from 'vuerio'
export default {
components: { JButton },
}
<j-button text="Add" @handleClick="" />
Props
# |
Type |
Default |
id |
String |
`` |
text |
String |
`` |
Input
import { JInput } from 'vuerio'
export default {
components: { JInput },
}
<j-input placeholder="Please input text" text="Test" width="180px" @handleInput="" />
Props
# |
Type |
Default |
id |
String |
`` |
label |
String |
`` |
explain |
String |
`` |
placeholder |
String |
`` |
text |
String |
`` |
Label
import { JLabel } from 'vuerio'
export default {
components: { JLabel },
}
<j-label text="Vue" />
Props
# |
Type |
Default |
text |
String |
`` |
Select
import { JSelect } from 'vuerio'
export default {
components: { JSelect },
}
<j-select
:options="[{text: 0, value: 'abc'}, {text: 1, value: 'def'}, {text: 2, value: 'ghi'}]"
:values="0"
@handleClick=""
/>
Props
# |
Type |
Default |
id |
String |
`` |
label |
String |
`` |
explain |
String |
`` |
options |
Array<{ value: Number, text: String }> |
[{ value: Number, text: String }] |
values |
Number |
null |