Skip to content

Conversation

@J-Sek
Copy link
Contributor

@J-Sek J-Sek commented Dec 4, 2025

  • not exactly the same as VTextField, because these are not meant to be placed side-by-side
  • "comfortable" makes the fields square and suitable for rounded="pill"

Markup:

<template>
  <v-app theme="dark">
    <v-container class="d-flex justify-center">
      <v-container width="400" class="mx-0">
        <v-otp-input />
        <v-otp-input density="comfortable" />
        <v-otp-input density="compact" />
      </v-container>
      <v-divider vertical />
      <v-container width="400" class="mx-0 px-10">
        <v-text-field class="py-3" hide-details variant="outlined" />
        <v-text-field class="py-3" hide-details variant="outlined" density="comfortable" />
        <v-text-field class="py-3" hide-details variant="outlined" density="compact" />
      </v-container>
    </v-container>
  </v-app>
</template>

@J-Sek J-Sek self-assigned this Dec 4, 2025
@J-Sek J-Sek added T: feature A new feature C: VOtpInput labels Dec 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants