Commit 6e6c903
committed
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 Forms1 file changed
+4
-0
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
275 | 275 | | |
276 | 276 | | |
277 | 277 | | |
| 278 | + | |
| 279 | + | |
| 280 | + | |
| 281 | + | |
278 | 282 | | |
279 | 283 | | |
280 | 284 | | |
| |||
0 commit comments