Input
Displays a form input field or a component that looks like an input field.
Installation
$npx maddex add Input
Default
Start with the uncontrolled baseline when you only need a native text field with Maddex styling.
Preview
Collect the email address used for product updates and account recovery.
Controlled
Bind value and oninput when the current field value needs to update a second part of the interface.
Preview
Workspace URL
https://maddex.app/{workspaceSlugPreview}
Invalid
Use aria-invalid and destructive semantic colors when a form needs to call out a validation issue.
Preview
Enter a valid billing email address before sending the renewal notice.