Field

npx shadcn@latest add @preskok/field

import { Form } from "react-aria-components/Form"

import {
  Description,
  FieldError,
  Fieldset,
  Label,
  Legend,
} from "@/components/ui/preskok-ui/field"
import { Input } from "@/components/ui/preskok-ui/input"
import { TextField } from "@/components/ui/preskok-ui/text-field"

export function Example() {
  return (
    <Form>
      <Fieldset>
        <Legend>Profile information</Legend>
        <TextField isRequired name="email">
          <Label>Email</Label>
          <Input type="email" />
          <Description>We will never share your email.</Description>
          <FieldError />
        </TextField>
      </Fieldset>
    </Form>
  )
}