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,58 +0,0 @@
|
|||
<script>
|
||||
export let story = undefined;
|
||||
|
||||
import ProgressIndicator from "./ProgressIndicator.svelte";
|
||||
import ProgressIndicatorSkeleton from "./ProgressIndicator.Skeleton.svelte";
|
||||
import ProgressStep from "./ProgressStep.svelte";
|
||||
</script>
|
||||
|
||||
<div>
|
||||
{#if story === 'skeleton'}
|
||||
<ProgressIndicatorSkeleton {...$$props} />
|
||||
{:else if story === 'interactive'}
|
||||
<ProgressIndicator {...$$props}>
|
||||
<ProgressStep description="Step 1: Register a onChange event" let:props>
|
||||
<div {...props}>Click me</div>
|
||||
</ProgressStep>
|
||||
<ProgressStep
|
||||
label="Really long label"
|
||||
description="The progress indicator will listen for clicks on the steps"
|
||||
/>
|
||||
<ProgressStep
|
||||
label="Tooltip and really long label"
|
||||
description="The progress indicator will listen for clicks on the steps"
|
||||
/>
|
||||
</ProgressIndicator>
|
||||
{:else}
|
||||
<ProgressIndicator {...$$props}>
|
||||
<ProgressStep
|
||||
label="First step"
|
||||
description="Step 1: Getting started with Carbon Design System"
|
||||
secondaryLabel="Optional label"
|
||||
on:click="{() => {
|
||||
console.log('click');
|
||||
}}"
|
||||
/>
|
||||
<ProgressStep
|
||||
label="Second step with tooltip"
|
||||
description="Step 2: Getting started with Carbon Design System"
|
||||
secondaryLabel="Optional label"
|
||||
/>
|
||||
<ProgressStep
|
||||
label="Third step with tooltip"
|
||||
description="Step 3: Getting started with Carbon Design System"
|
||||
/>
|
||||
<ProgressStep
|
||||
label="Fourth step"
|
||||
description="Step 4: Getting started with Carbon Design System"
|
||||
secondaryLabel="Example invalid step"
|
||||
invalid
|
||||
/>
|
||||
<ProgressStep
|
||||
label="Fifth step"
|
||||
description="Step 5: Getting started with Carbon Design System"
|
||||
disabled
|
||||
/>
|
||||
</ProgressIndicator>
|
||||
{/if}
|
||||
</div>
|
|
@ -1,30 +0,0 @@
|
|||
import { withKnobs, boolean, number } from "@storybook/addon-knobs";
|
||||
import Component from "./ProgressIndicator.Story.svelte";
|
||||
|
||||
export default { title: "ProgressIndicator", decorators: [withKnobs] };
|
||||
|
||||
export const Default = () => ({
|
||||
Component,
|
||||
props: {
|
||||
currentIndex: number("Current progress (currentIndex)", 1),
|
||||
vertical: boolean("Vertical orientation (vertical)", false),
|
||||
spaceEqually: boolean("Space Equally", false),
|
||||
},
|
||||
});
|
||||
|
||||
export const Interactive = () => ({
|
||||
Component,
|
||||
props: {
|
||||
story: "interactive",
|
||||
currentIndex: number("Current progress (currentIndex)", 1),
|
||||
vertical: boolean("Vertical orientation (vertical)", false),
|
||||
},
|
||||
});
|
||||
|
||||
export const Skeleton = () => ({
|
||||
Component,
|
||||
props: {
|
||||
story: "skeleton",
|
||||
vertical: boolean("Vertical orientation (vertical)", false),
|
||||
},
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue