chore(textinput): move helper text below input

This commit is contained in:
josefaidt 2020-09-17 15:07:02 -05:00
commit 020a91882f
3 changed files with 15 additions and 14 deletions

View file

@ -132,13 +132,6 @@
{labelText}
</label>
{/if}
{#if helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
<div
class:bx--text-input__field-wrapper="{true}"
data-invalid="{invalid || undefined}">
@ -190,6 +183,13 @@
{/if}
</button>
</div>
{#if !invalid && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{#if invalid}
<div class:bx--form-requirement="{true}" id="{errorId}">{invalidText}</div>
{/if}