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

chore(select): move helper text below input

Browse source
This commit is contained in:
josefaidt 2020-09-17 15:05:19 -05:00
commit 8ec9a7137f
2 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Select/Select.stories.js
View file

@ -27,6 +27,7 @@ export const Default = () => ({
"A valid value is required" "A valid value is required"
), ),
labelText: text("Label text (helperText)", "Select"), labelText: text("Label text (helperText)", "Select"),
helperText: text("Helper text (helperText)", "Optional helper text here"),
id: text("Select id", "select-id"), id: text("Select id", "select-id"),
name: text("Select name", "select-name"), name: text("Select name", "select-name"),
}, },

14
src/Select/Select.svelte
View file

@ -118,13 +118,6 @@
{labelText} {labelText}
</label> </label>
{/if} {/if}
{#if !inline && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{#if inline} {#if inline}
<div class:bx--select-input--inline__wrapper="{true}"> <div class:bx--select-input--inline__wrapper="{true}">
<div <div
@ -188,6 +181,13 @@
<WarningFilled16 class="bx--select__invalid-icon" /> <WarningFilled16 class="bx--select__invalid-icon" />
{/if} {/if}
</div> </div>
{#if !invalid && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{#if invalid} {#if invalid}
<div id="{errorId}" class:bx--form-requirement="{true}"> <div id="{errorId}" class:bx--form-requirement="{true}">
{invalidText} {invalidText}