Password
<x-password> is just like the regular input field with an extra eye button to show/hide what is being typed.
This page only details options specific to
<x-password>. Check the input component for information about the other options.
<x-password title="Password" placeholder="●●●●●●●●" icon="heroicon-o-lock-closed" helper="Please enter the password you use when registering" eye/>
#Eye button
The eye button does not show unless you add the eye attribute; you can make it so it acquires focus when pressing tab with the eye-focus attribute.
<x-password/>
<x-password eye/>
<x-password eye eye-focus/>