Open Questions

Open in playground

A stack of open-ended prompts, each with its own auto-growing textarea. Use when the AI needs every blank filled in one shot — not a sequence and not a single freeform field.

Preview

Help me understand what you're hitting

A few sentences each is plenty.

What are you trying to make happen?

What have you tried so far?

Where exactly does it break?

Usage

import { OpenQuestions } from "@/components/socratic-ui/open-questions";

<OpenQuestions
  question="Help me understand what you're hitting"
  prompts={[
    { id: "goal", text: "What are you trying to make happen?" },
    { id: "tried", text: "What have you tried so far?" },
    { id: "stuck", text: "Where exactly does it break?" },
  ]}
  value={answers}
  onChange={setAnswers}
/>

API Reference

Prop	Type	Default
`question`required Overall heading for the set of prompts, shown above the stack.	`string`	`—`
`subtitle` Optional supporting copy beneath the heading.	`string`	`—`
`prompts`required Prompts to ask. Each id becomes a key in the value/onChange map.	`{ id: string; text: string; placeholder?: string }[]`	`—`
`value`required Prompt id → user-entered text.	`Record<string, string>`	`—`
`onChange`required Called whenever any prompt's textarea is edited.	`(value: Record<string, string>) => void`	`—`
`completeMessage` Success summary shown when every prompt is answered.	`string`	`"Thanks — that gives me what I need to dig in."`
`number` Optional leading question number (e.g. "05").	`string`	`—`
`motion` Shared motion config threaded through entrance animations.	`SocraticMotion`	`—`