TextField

The TextField is a component that is used to get user input.

import { TextField } from '@backyard-ui/core';

Use the size prop to increase the visual size.

Use the Slots to display inline content, like text, badges, or inline actions on both sides.

Try to change the input value:

To add a label or status message to your fields use the FormControl utility.

• children required
  Description The children elements

  Type

  ReactNode
• size
  Description The Input size.

  Type

  "xs" | "sm" | "md"

  Default

  sm

• isDisabled
  Description Set the form element to disabled

  Type

  boolean
• isInvalid
  Description Set the form element `aria-invalid` to `true`

  Type

  boolean
• isReadOnly
  Description Set the form element to readonly

  Type

  boolean
• isRequired
  Description Set the form element `aria-required` to `true`

  Type

  boolean

• children required
  Description The element children

  Type

  ReactNode