jiyuujin / vuerio

A Vue3 UI components for Web
https://codesandbox.io/s/j-stylebook-in-vue-3-3w5o6
0 stars 0 forks source link

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