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

chore(multiselect): move helper text below input

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

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

@ -20,6 +20,7 @@ export const Default = () => ({
id: text("MultiSelect id", "multi-select-id"), id: text("MultiSelect id", "multi-select-id"),
name: text("MultiSelect name", "multi-select-name"), name: text("MultiSelect name", "multi-select-name"),
titleText: text("Title (titleText)", "Multiselect Title"), titleText: text("Title (titleText)", "Multiselect Title"),
helperText: text("Helper text (helperText)", "Optional helper text here"),
filterable: boolean("Filterable (filterable)", false), filterable: boolean("Filterable (filterable)", false),
selectionFeedback: select( selectionFeedback: select(
"Selection feedback (selectionFeedback)", "Selection feedback (selectionFeedback)",

14
src/MultiSelect/MultiSelect.svelte
View file

@ -268,13 +268,6 @@
{titleText} {titleText}
</label> </label>
{/if} {/if}
{#if !inline && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
<ListBox <ListBox
aria-label="{ariaLabel}" aria-label="{ariaLabel}"
id="{id}" id="{id}"
@ -447,4 +440,11 @@
</ListBoxMenu> </ListBoxMenu>
{/if} {/if}
</ListBox> </ListBox>
{#if !inline && !invalid && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
</div> </div>