Skip to main content

Password

The password input component is an alias of the Text input component with the type set to password.

<x-eloquent-ui::input.password name="my-name" />

Switch between password and text​

By default, password inputs have a toggle icon to switch between password and text. This allows users to check their password. You can disable this behaviour by adding the allow-type-switch attribute to the component. You can also disable the toggle functionality by setting it in the config.

<x-eloquent-ui::input.password name="my-name" allow-type-switch="false" />

You can also change what icon is used for the toggle by setting the switch-icon attribute. This icon can also be set in the config.

<x-eloquent-ui::input.password name="my-name" type-icon="◉" />