Password

The password input allows users to securely enter their password, with an option to toggle visibility for better user experience

Overview

The password component is a styled version of FormKit’s password input. It supports password visibility toggling and standard HTML password input features.

For more detailed information on configuring and using FormKit’s file input, refer to the official FormKit file documentation.

Basic usage

Check out the FormKit documentation in the Foundations section for setup instructions if you’re new to FormKit.

Importing the component

Ensure your application is configured to use the FormKit plugin. You can then include the password component in your FormKit schema or as a standalone component.

Example usage

Once registered, use the password component like this:


                                                        
                                                        
                                                            <FormKit
                                                          type="password"
                                                          label="Password"
                                                          name="password"
                                                          validation="required"
                                                        />
                                                        
                                                            

Accessibility

The password component follows accessibility best practices, supporting keyboard navigation, aria attributes, and customisable accessible labels.

Internationalisation

The password input supports internationalised help text and labels, making it adaptable for global use.