Select
We used selects from element-ui but restyled them with a light look. To use selects, simply import them from element-ui
import {Select, Option} from 'element-ui'
Global usage
Vue.use(Select)
Vue.use(Option)
For local usage
export default {
components: {
[Select.name]: Select,
[Option.name]: Option
}
}
:::tip
You have to specify a select-{type}
class for
the select
and option component
so the style matches the overall dashboard style
:::
Single select
You can specify a select-{type}
class to customize the look and feel of the select.
Type can be default|primary|info|danger|warning
Show Code
Multi select
Show Code
For more info check out Element UI Select
Available custom css classes for select.
Class |
---|
select-default |
select-primary |
select-info |
select-success |
select-warning |
select-danger |