Show Reveal Button in FilamentPHP Password Input

Published on April 29, 2024. Last updated on January 22, 2025.
Show Reveal Button in FilamentPHP Password Input

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.