Input

Single-line text input field. Wraps PrimeVue InputText with BCC styling.

Preview

Open in Storybook →

When to use

• For short text entries (name, email, search)
• When you need a simple single-line input

Usage

<script setup>
import { ref } from "vue";

const name = ref("");
</script>

<template>
  <InputText v-model="name" placeholder="Enter your name" />
</template>

States

<template>
  <InputText placeholder="Default" />
  <InputText placeholder="Disabled" disabled />
  <InputText placeholder="Invalid" invalid />
</template>

Links

• Storybook →
• PrimeVue Docs →