Text Field

Text field input for forms. Collect text-based data from users.


The TextField component is a wrapper around the native input element. It provides a consistent styling and layout for text-based inputs. It can be combined with the Label and Hint components to create a complete form field.

Basic TextField

The simplest usage of the TextField component is to use it as a wrapper around the native input element.

tsximport { TextFieldInput } from '@components/ui/TextField';
 
<TextFieldInput
  placeholder="Enter your name"
/>