Inputs

Basic usage

<template>
    <mu-input placeholder="Please input" v-model="input"></mu-input> 
</template>

<script>
export default {
    data() {
        return {
            input: ''
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

White Input

<template>
        <mu-input placeholder="Please input" v-model="inputWhite" white=""></mu-input>
</template>

<script>
export default {
    data() {
        return {
            inputWhite: ''
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

Clearable Input

<template>
    <mu-input placeholder="Please input" v-model="inputClear" white="" clearable=""></mu-input>
</template>

<script>
export default {
    data() {
        return {
            inputClear: ''
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13

Input Disabled

<template>
    <mu-input placeholder="Please input" v-model="inputDisabled" disabled=""></mu-input>
</template>

<script>
export default {
    data() {
        return {
            inputDisabled: ''
        }
    }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13