text-field

PreviousNext

text-field

Docs
intentuiui

Preview

Loading preview…
components/ui/text-field.tsx
"use client"

import type { TextFieldProps } from "react-aria-components"
import { TextField as TextFieldPrimitive } from "react-aria-components"
import { cx } from "@/lib/primitive"
import { fieldStyles } from "./field"

const TextField = ({ className, ...props }: TextFieldProps) => {
  return (
    <TextFieldPrimitive data-slot="control" className={cx(fieldStyles(), className)} {...props} />
  )
}

export { TextField }

Installation

npx shadcn@latest add @intentui/text-field

Usage

import { TextField } from "@/components/ui/text-field"
<TextField />