1.3.0 • Published 4 years ago
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
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 |