mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +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"
),
labelText: text("Label text (helperText)", "Select"),
helperText: text("Helper text (helperText)", "Optional helper text here"),
id: text("Select id", "select-id"),
name: text("Select name", "select-name"),
},

14
src/Select/Select.svelte
View file

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