Input ​

<template>
    <op-space>
        <op-input size="sm" v-model="msg" style="width: 200px" />
        <op-input size="md" v-model="msg" style="width: 200px" />
        <op-input size="lg" v-model="msg" style="width: 200px" />
    </op-space>
</template>

<script setup>
    import { ref } from 'vue'
    const msg = ref('一拳超人')
</script>

<template>
    <op-space>
        <op-input v-model="msg" status="error" style="width: 200px" />
        <op-input v-model="msg" status="warning" style="width: 200px" />
    </op-space>
</template>