Skip to content

Commit 6e6c903

Browse files
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 Forms
2 parents b9dd9b7 + b67bfc8 commit 6e6c903

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/TogglePassword/doc/index.rst

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,10 @@ You can also use the TogglePassword with native HTML inputs:
275275
name="password"
276276
type="password"
277277
{{ stimulus_controller('symfony/ux-toggle-password/toggle-password', {
278+
{# visibleLabel: 'Show password', // If you want to modify this label. #}
279+
{# visibleIcon: 'Some svg icon', // If you want to modify this icon. #}
280+
{# hiddenLabel: 'Hide password', // If you want to modify this label. #}
281+
{# hiddenIcon: 'Some svg icon', // If you want to modify this icon. #}
278282
buttonClasses: ['toggle-password-button'], // Add as many classes as you wish. "toggle-password-button" is needed to activate the default CSS.
279283
}) }}
280284
>

0 commit comments

Comments
 (0)