Components
Loading preview...
Primitive single-line text input that accepts standard HTML attributes.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-inputimport { Input, Surface } from "@/components/ui/heroui-input"
export default function Demo() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-[var(--default)] p-10">
<Surface className="flex h-[180px] w-[280px] items-center justify-center rounded-3xl bg-surface p-4">
<Input className="w-full" placeholder="Your name" variant="secondary" />
</Surface>
</div>
)
}