Variable StyledTextField`Const`

StyledTextField: StyledComponent<
    {} & Omit<
        OutlinedTextFieldProps
        | FilledTextFieldProps
        | StandardTextFieldProps,
        "variant",
    > & MUIStyledCommonProps<Theme> & { error?: boolean; required?: boolean },
    {},
    {},
> = ...

Styled text field component

Component

StyledTextField

Description

A customized text input field with:

Error state styling
Required field indication
Theme-aware colors and typography
Consistent hover and focus states

Param: props

Component props

Param: props.error

Whether the field is in error state

Param: props.required

Whether the field is required

Param: props.theme

Material-UI theme object

Example

<StyledTextField
  label="Email"
  required
  error={!!errors.email}
  helperText={errors.email?.message}
/>