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,21 +0,0 @@
|
|||
<script>
|
||||
export let story = undefined;
|
||||
|
||||
import Slider from "./Slider.svelte";
|
||||
import SliderSkeleton from "./Slider.Skeleton.svelte";
|
||||
|
||||
let value = 50;
|
||||
</script>
|
||||
|
||||
{#if story === 'skeleton'}
|
||||
<SliderSkeleton {...$$props} />
|
||||
{:else}
|
||||
<Slider
|
||||
{...$$props}
|
||||
id="slider-id"
|
||||
bind:value
|
||||
on:change="{({ detail }) => {
|
||||
console.log('on:change', detail);
|
||||
}}"
|
||||
/>
|
||||
{/if}
|
|
@ -1,39 +0,0 @@
|
|||
import { withKnobs, text, boolean, number } from "@storybook/addon-knobs";
|
||||
import Component from "./Slider.Story.svelte";
|
||||
|
||||
export default { title: "Slider", decorators: [withKnobs] };
|
||||
|
||||
export const Default = () => ({
|
||||
Component,
|
||||
props: {
|
||||
id: text("Slider id", "slider-id"),
|
||||
name: text("Form item name (name)", ""),
|
||||
inputType: text("The form element type (inputType)", "number"),
|
||||
ariaLabelInput: text(
|
||||
"The ARIA label for the <input> (ariaLabelInput)",
|
||||
"Label for slider value"
|
||||
),
|
||||
disabled: boolean("Disabled (disabled)", false),
|
||||
light: boolean("Light variant (light)", false),
|
||||
hideTextInput: boolean("Without text input (hideTextInput)", false),
|
||||
min: number("The minimum value (min)", 0),
|
||||
max: number("The maximum value (max)", 100),
|
||||
step: number("The step (step)", 1),
|
||||
stepMuliplier: number(
|
||||
"The step factor for Shift+arrow keys (stepMuliplier)",
|
||||
4
|
||||
),
|
||||
labelText: text("Label text (labelText)", "Slider Label"),
|
||||
minLabel: text("Label for minimum value (minLabel)", ""),
|
||||
maxLabel: text("Label for maximum value (maxLabel)", ""),
|
||||
hideLabel: boolean("Hide label (hideLabel)", 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