naive-ui/demo/documentation/components/input/enUS/round.demo.md

Round corner

Input can have round corner.

<n-input v-model="value" size="small" round placeholder="Small"/>
<n-input v-model="value" round placeholder="Medium"/>
<n-input v-model="value" size="large" round placeholder="Large"/>

export default {
  data() {
    return {
      value: null
    }
  }
}

.n-input {
  margin-bottom: 8px;
}