Function TextField

starters/tailwind/src/TextField.tsx:29–40

({label, description, errorMessage, ...props}: TextFieldProps)

}

export function TextField({label, description, errorMessage, ...props}: TextFieldProps) {
  return (
    <AriaTextField
      {...props}
      className={composeTailwindRenderProps(props.className, 'flex flex-col gap-1 font-sans')}>
      {label && <Label>{label}</Label>}
      <Input className={inputStyles} />
      {description && <Description>{description}</Description>}
      <FieldError>{errorMessage}</FieldError>
    </AriaTextField>
  );
}