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(numberinput): move helper text below input

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

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

@ -30,6 +30,7 @@ export const Default = () => ({
disabled: boolean("Disabled (disabled)", false),
readonly: boolean("Read only (readonly)", false),
invalid: boolean("Show form validation UI (invalid)", false),
helperText: text("Helper text (helperText)", "Optional helper text here"),
mobile: boolean("Mobile variant (mobile)", false),
invalidText: text(
"Form validation UI content (invalidText)",

21
src/NumberInput/NumberInput.svelte
View file

@ -198,13 +198,6 @@
<slot name="label">{label}</slot>
</label>
{/if}
{#if helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
<div class:bx--number__input-wrapper="{true}">
<button
type="button"
@ -262,13 +255,6 @@
<slot name="label">{label}</slot>
</label>
{/if}
{#if helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
<div class:bx--number__input-wrapper="{true}">
<input
bind:this="{ref}"
@ -324,6 +310,13 @@
</div>
</div>
{/if}
{#if !error && helperText}
<div
class:bx--form__helper-text="{true}"
class:bx--form__helper-text--disabled="{disabled}">
{helperText}
</div>
{/if}
{#if error}
<div id="{errorId}" class:bx--form-requirement="{true}">
{invalidText}