Components
Loading preview...
Here is Text Field component
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/text-field-basic"use client"
import { Form } from "react-aria-components"
import { Button } from "@/components/ui/button"
import { FieldError, Label } from "@/components/ui/text-field-basic"
import { Input, TextField } from "@/components/ui/text-field-basic"
export default function FormDemo() {
return (
<Form className="flex flex-col gap-2">
<TextField name="email" type="email" isRequired>
<Label>Email</Label>
<Input />
<FieldError />
</TextField>
<Button className="w-fit" type="submit">
Submit
</Button>
</Form>
)
}