Components
Loading preview...
Retrieve text input from a user.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/inputimport { Input } from "@/components/ui/input";
export default function ErrorDemo() {
return (
<div className="flex flex-col items-start gap-4">
<Input
aria-labelledby="Demo input"
error="An error message."
placeholder="long-error@gmail.com"
size="xSmall"
/>
<Input
aria-labelledby="Demo input"
error="An error message."
placeholder="long-error@gmail.com"
size="small"
/>
<Input
aria-labelledby="Demo input"
error="An error message."
placeholder="long-error@gmail.com"
size="mediumSmall"
/>
<Input
aria-labelledby="Demo input"
error="An error message."
placeholder="long-error@gmail.com"
size="large"
/>
</div>
);
}