You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
minor #1125 [TogglePasswordComponent] Update documentation example for usage without Symfony Forms (Damien Carrier)
This PR was merged into the 2.x branch.
Discussion
----------
[TogglePasswordComponent] Update documentation example for usage without Symfony Forms
| Q | A
| ------------- | ---
| Bug fix? | no
| New feature? | no
| Tickets | n/a
| License | MIT
Update the example to use the component without Symfony Forms
before :
```html
<div class="toggle-password-container"> // Add "toggle-password-container" or a class that applies position: relative to this container.
<label for="password">Password</label>
<input
id="password"
name="password"
type="password"
{{ stimulus_controller('symfony/ux-toggle-password/toggle-password', {
buttonClasses: ['toggle-password-button'], // Add as many classes as you wish. "toggle-password-button" is needed to activate the default CSS.
}) }}
>
</div>
```
after:
```html
<div class="toggle-password-container"> // Add "toggle-password-container" or a class that applies position: relative to this container.
<label for="password">Password</label>
<input
id="password"
name="password"
type="password"
{{ stimulus_controller('symfony/ux-toggle-password/toggle-password', {
{# visibleLabel: 'Show password', // If you want to modify this label. #}
{# visibleIcon: 'Some svg icon', // If you want to modify this icon. #}
{# hiddenLabel: 'Hide password', // If you want to modify this label. #}
{# hiddenIcon: 'Some svg icon', // If you want to modify this icon. #}
buttonClasses: ['toggle-password-button'], // Add as many classes as you wish. "toggle-password-button" is needed to activate the default CSS.
}) }}
>
</div>
```
Commits
-------
b67bfc8 [TogglePasswordComponent] Update documentation example for usage without Symfony Forms
0 commit comments