Show Reveal Button in FilamentPHP Password Input

Discover how to improve password input fields in your FilamentPHP application by adding a reveal button.

April 29, 2024

This tutorial will guide you through the process, allowing users to easily show or hide their passwords, enhancing usability and convenience.

To implement this feature, you'll need to add a revealable method to your TextInput component

//...
TextInput::make('password')
    ->required()
    ->password()
    ->revealable()

That's it! You'll now see the reveal/hide button on the right side of your Password Input.