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

refactor: use $$restProps API

Browse source 
- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/NumberInput/NumberInput.stories.js
View file

@ -1,33 +1,35 @@
import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';
import Component from './NumberInput.Story.svelte';
import { withKnobs, text, boolean, number } from "@storybook/addon-knobs";
import Component from "./NumberInput.Story.svelte";
export default { title: 'NumberInput', decorators: [withKnobs] };
export default { title: "NumberInput", decorators: [withKnobs] };
export const Default = () => ({
Component,
props: {
id: text('NumberInput id', 'number-input-id'),
name: text('NumberInput name', 'number-input-name'),
label: text('Label (label)', 'Number Input label'),
hideLabel: boolean('Hide label (hideLabel)', false),
min: number('Minimum value (min)', 0),
max: number('Maximum value (max)', 100),
value: number('Value (value)', 50),
step: number('Step of up/down arrow (step)', 10),
disabled: boolean('Disabled (disabled)', false),
readonly: boolean('Read only (readonly)', false),
invalid: boolean('Show form validation UI (invalid)', false),
mobile: boolean('Mobile variant (mobile)', false),
invalidText: text('Form validation UI content (invalidText)', 'Number is not valid'),
helperText: text('Helper text (helperText)', 'Optional helper text.'),
light: boolean('Light variant (light)', false)
}
id: text("NumberInput id", "number-input-id"),
name: text("NumberInput name", "number-input-name"),
label: text("Label (label)", "Number Input label"),
hideLabel: boolean("Hide label (hideLabel)", false),
min: number("Minimum value (min)", 0),
max: number("Maximum value (max)", 100),
value: number("Value (value)", 50),
step: number("Step of up/down arrow (step)", 10),
disabled: boolean("Disabled (disabled)", false),
readonly: boolean("Read only (readonly)", false),
invalid: boolean("Show form validation UI (invalid)", false),
mobile: boolean("Mobile variant (mobile)", false),
invalidText: text(
"Form validation UI content (invalidText)",
"Number is not valid"
),
light: boolean("Light variant (light)", false),
},
});
export const Skeleton = () => ({
Component,
props: {
story: 'skeleton',
hideLabel: boolean('Hide label (hideLabel)', false)
}
story: "skeleton",
hideLabel: boolean("Hide label (hideLabel)", false),
},
});