mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
chore: remove storybook
This commit is contained in:
parent
856086dc71
commit
378fe06e03
116 changed files with 103 additions and 14249 deletions
|
@ -1,22 +0,0 @@
|
|||
<script>
|
||||
export let story = undefined;
|
||||
|
||||
import NumberInput from "./NumberInput.svelte";
|
||||
import NumberInputSkeleton from "./NumberInput.Skeleton.svelte";
|
||||
|
||||
$: value = $$props.value;
|
||||
</script>
|
||||
|
||||
{#if story === 'skeleton'}
|
||||
<NumberInputSkeleton {...$$props} />
|
||||
{:else}
|
||||
<NumberInput
|
||||
{...$$props}
|
||||
id="number-input-id"
|
||||
name="number-input-id"
|
||||
bind:value
|
||||
on:change="{({ detail }) => {
|
||||
console.log('on:change', detail);
|
||||
}}"
|
||||
/>
|
||||
{/if}
|
|
@ -1,49 +0,0 @@
|
|||
import {
|
||||
withKnobs,
|
||||
text,
|
||||
boolean,
|
||||
number,
|
||||
select,
|
||||
} from "@storybook/addon-knobs";
|
||||
import Component from "./NumberInput.Story.svelte";
|
||||
|
||||
export default { title: "NumberInput", decorators: [withKnobs] };
|
||||
|
||||
const sizes = {
|
||||
"Extra large size (xl)": "xl",
|
||||
"Default size": undefined,
|
||||
"Small size (sm)": "sm",
|
||||
};
|
||||
|
||||
export const Default = () => ({
|
||||
Component,
|
||||
props: {
|
||||
size: select("Field size (size)", sizes, undefined) || undefined,
|
||||
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),
|
||||
helperText: text("Helper text (helperText)", "Optional helper text here"),
|
||||
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),
|
||||
},
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue