TextField

will forward any other props to the underlying <input>


  import { TextField } from 'ulule/owl-kit-components/dist/next.esm'


  import { TextField } from 'ulule/owl-kit-components/dist/next.esm'

the label

a short description


  <TextField
    description="a short description"
    label="the label"
    context="a context"
  />


  <TextField
    description="a short description"
    label="the label"
    context="a context"
  />

Property	Description	Default value
className from TextFieldProps	string \| undefined	-
children from TextFieldProps	React.ReactNode	-
id from TextFieldProps	string \| undefined	String(Math.random())
label from TextFieldProps	React.ReactNode	-
description from TextFieldProps	string \| undefined	-
error from TextFieldProps	React.ReactNode	-
success from TextFieldProps	React.ReactNode	-

Variants

error

the label

a short description

this is an error message

success

the label

a short description

this is a success message

disabled

the label

a short description