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

chore: remove storybook

Browse source
This commit is contained in:
Eric Liu 2020-10-14 16:23:44 -07:00
commit 378fe06e03
116 changed files with 103 additions and 14249 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/ToggleSmall/ToggleSmall.Story.svelte
View file

@ -1,22 +0,0 @@
<script>
export let story = undefined;
import ToggleSmall from "./ToggleSmall.svelte";
import ToggleSmallSkeleton from "./ToggleSmall.Skeleton.svelte";
$: toggled = true;
$: console.log("bind:toggled", toggled);
</script>
{#if story === 'toggled'}
<ToggleSmall
{...$$props}
id="toggle-small-id"
name="toggle-small-name"
bind:toggled
/>
{:else if story === 'skeleton'}
<ToggleSmallSkeleton />
{:else}
<ToggleSmall {...$$props} id="toggle-small-id" name="toggle-small-name" />
{/if}

35
src/ToggleSmall/ToggleSmall.stories.js
View file

@ -1,35 +0,0 @@
import { withKnobs, boolean, text } from "@storybook/addon-knobs";
import Component from "./ToggleSmall.Story.svelte";
export default { title: "ToggleSmall", decorators: [withKnobs] };
export const Default = () => ({
Component,
props: {
labelText: text("Label toggle input control (labelText)", ""),
"aria-label": text("ARIA label of the toggle (aria-label)", ""),
labelA: text("Label for untoggled state (labelA)", "Off"),
labelB: text("Label for toggled state (labelB)", "On"),
disabled: boolean("Disabled (disabled)", false),
id: text("ToggleSmall id", "toggle-small-id"),
name: text("ToggleSmall name", "toggle-small-name"),
},
});
Default.story = { name: "Default (untoggled)" };
export const Toggled = () => ({
Component,
props: {
story: "toggled",
labelText: text("Label toggle input control (labelText)", ""),
"aria-label": text("ARIA label of the toggle (aria-label)", ""),
labelA: text("Label for untoggled state (labelA)", "Off"),
labelB: text("Label for toggled state (labelB)", "On"),
disabled: boolean("Disabled (disabled)", false),
id: text("ToggleSmall id", "toggle-small-id"),
name: text("ToggleSmall name", "toggle-small-name"),
},
});
export const Skeleton = () => ({ Component, props: { story: "skeleton" } });