Inputs

Phrase

shadcn addphrase

Props 8

partsPhrasePart[]Required: The sentence, in order: plain text, a choice ({ id, options }) or a number ({ id, label, min, max, step }).
valuePhraseValues: The current values by id, for a controlled phrase.
defaultValuePhraseValues: The values it starts with. Without it, each choice starts on its first option and each number on its min.
titleReactNode: The small heading on the card.
asideReactNode: Quiet text at the right of the heading.
says(values: PhraseValues) => ReactNode: Writes the line under the sentence from the current values. Leave it out for no line.
classNamestring: Classes for the card.; Default ''
onChange(values: PhraseValues) => void: Called with every value whenever one changes.

usage.tsx

<Phrase
  parts={parts}
/>

What this usually sits beside.Popup · Pro

19 Pro components, 12 whole screens and 1 template. The source lands in your project, yours to change, with every update for life.

~~$99~~$79once

Full refund within 14 days, no questions.