quiz-ui
Components

QuizTextInput

Free-text answer input.

Purpose

Plain text capture — names, open-ended answers, anything without a fixed set of options.

Installation

pnpm dlx shadcn@latest add @quiz-ui/quiz-text-input

Usage

<QuizTextInput label="What's your goal?" placeholder="e.g. Run a 5k" />

Props

PropTypeDefaultDescription
labelstringOptional label rendered above the input.
...restReact.InputHTMLAttributes<HTMLInputElement> (minus value/onChange)Forwarded to the underlying <input>placeholder, maxLength, etc.

Notes

  • The answer is stored as a plain string.

On this page