Components
Starting preview...
My InputWithFeedback component. I use it for a lot of forms.
@tigerabrodi
npx shadcn@latest add https://21st.dev/r/tigerabrodi/input-with-feedbackimport { InputWithFeedback } from "@/components/ui/input-with-feedback"
function InputWithFeedbackDemo() {
return (
<div className="flex w-full max-w-sm flex-col gap-8">
<InputWithFeedback
placeholder="Regular input"
helperText="This is a helper text"
/>
<InputWithFeedback
placeholder="Input with error"
isError={true}
errorMessage="This field is required"
/>
<InputWithFeedback
placeholder="Disabled input"
disabled
helperText="This input is disabled"
/>
</div>
)
}
export { InputWithFeedbackDemo }