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

fix(1684): hide helper text container in password input when not used (#1685)

Browse source
This commit is contained in:
gabrielleecredera 2023-03-11 19:38:44 +00:00 • committed by GitHub
commit 42349ebc61
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/PasswordInput.svx
View file

@ -50,3 +50,7 @@ Set prop `type` to `"text"` to toggle password visibility.
## Disabled state ## Disabled state
<PasswordInput disabled labelText="Password" placeholder="Enter password..." /> <PasswordInput disabled labelText="Password" placeholder="Enter password..." />
## With helper text
<PasswordInput helperText="Your password should be hard to guess" labelText="Password" placeholder="Enter password..." />

2
src/TextInput/PasswordInput.svelte
View file

@ -248,7 +248,7 @@
{invalidText} {invalidText}
</div> </div>
{/if} {/if}
{#if !invalid && !warn && !isFluid && !inline} {#if !invalid && !warn && !isFluid && !inline && helperText}
<div <div
class:bx--form__helper-text="{true}" class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}" class:bx--form__helper-text--disabled="{disabled}"