0.1.1 • Published 7 years ago
Switch
Examples
Basic
<u-switch></u-switch>
v-model & Text
<template>
<u-switch v-model="value" width="wide">{{ value ? 'ON' : 'OFF' }}</u-switch>
</template>
<script>
export default {
data() {
return { value: false };
},
};
</script>
Readonly & Disabled
<u-linear-layout>
<u-switch readonly></u-switch>
<u-switch disabled></u-switch>
</u-linear-layout>
API
Attrs/Props
Attr/Prop | Type | Default | Description |
---|
value | Boolean | false | Switch status. |
readonly | Boolean | false | Readonly |
disabled | Boolean | false | Disabled |
Slots
Events
@input
Emit when checking.
Property | Type | Description |
---|
value | Boolean | Checked value |
@change
Emit when change value.
Property | Type | Description |
---|
newValue | Boolean | New value |
oldValue | Boolean | Old value |