mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(password-input): support invalid state when used in a FluidForm

Browse source
This commit is contained in:
Eric Liu 2022-06-25 06:59:00 -07:00
commit c9c172f88f
1 changed files with 41 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/TextInput/PasswordInput.svelte
View file

@ -192,6 +192,13 @@
on:blur on:blur
on:paste on:paste
/> />
{#if isFluid && invalid}
<hr class="bx--text-input__divider" />
<div class="bx--form-requirement" id="{errorId}">
{invalidText}
</div>
{/if}
{#if !(isFluid && invalid)}
<button <button
type="button" type="button"
disabled="{disabled}" disabled="{disabled}"
@ -225,6 +232,7 @@
<View class="bx--icon-visibility-on" /> <View class="bx--icon-visibility-on" />
{/if} {/if}
</button> </button>
{/if}
</div> </div>
{#if !isFluid && invalid} {#if !isFluid && invalid}
<div class:bx--form-requirement="{true}" id="{errorId}"> <div class:bx--form-requirement="{true}" id="{errorId}">