Function: TextField()

TextField(props): Element

TextField component for inputting text with support for password strength evaluation and visibility toggle. Integrates with MUI TextField and supports custom rendering for password strength and rules. It's props extend from Material UI's TextField (opens in a new tab) component props, so every prop is interchangeable between those two.

Parameters

Returns

Element

See

Storybook - TextField (opens in a new tab)

Example

<TextField
  label="Password"
  type="password"
  passwordStrengthConfig={{
    hideStrengthBar: false,
    hideRulesText: false,
  }}
/>

Defined in

packages/react-material-ui/src/components/TextField/TextField.tsx:107 (opens in a new tab)