chore: remove storybook

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

View file

@ -1,40 +0,0 @@
<script>
import { Button } from "../Button";
import MultiSelect from "./MultiSelect.svelte";
$: value = "";
$: selectedIds = [];
$: items = [
{ id: "option-0", text: "Option 1" },
{ id: "option-1", text: "Option 2" },
{ id: "option-2", text: "Option 3" },
{ id: "option-3", text: "Option 4" },
{
id: "option-4",
text:
"An example option that is really long to show what should be done to handle long text",
},
];
</script>
<div>
<Button
size="small"
on:click="{() => {
selectedIds = selectedIds.length > 0 ? [] : [items[1].id, items[2].id];
}}"
>
{selectedIds.length > 0 ? 'Clear' : 'Set initial'} selected items
</Button>
</div>
<div style="width: 300px; margin-top: 2rem;">
<MultiSelect
{...$$props}
id="multi-select-id"
name="multi-select-name"
placeholder="Filter..."
bind:selectedIds
bind:items
bind:value
/>
</div>

View file

@ -1,42 +0,0 @@
import { withKnobs, select, boolean, text } from "@storybook/addon-knobs";
import Component from "./MultiSelect.Story.svelte";
export default { title: "MultiSelect", decorators: [withKnobs] };
const types = {
"Default (default)": "default",
"Inline (inline)": "inline",
};
const sizes = {
"Extra large size (xl)": "xl",
"Regular size (lg)": "",
"Small size (sm)": "sm",
};
export const Default = () => ({
Component,
props: {
id: text("MultiSelect id", "multi-select-id"),
name: text("MultiSelect name", "multi-select-name"),
titleText: text("Title (titleText)", "Multiselect Title"),
helperText: text("Helper text (helperText)", "Optional helper text here"),
filterable: boolean("Filterable (filterable)", false),
selectionFeedback: select(
"Selection feedback (selectionFeedback)",
["top", "fixed", "top-after-reopen"],
"top-after-reopen"
),
disabled: boolean("Disabled (disabled)", false),
light: boolean("Light variant (light)", false),
useTitleInItem: boolean("Show tooltip on hover", false),
type: select("UI type (Only for `<MultiSelect>`) (type)", types, "default"),
size: select("Field size (size)", sizes, "") || undefined,
label: text("Label (label)", "MultiSelect Label"),
invalid: boolean("Show form validation UI (invalid)", false),
invalidText: text(
"Form validation UI content (invalidText)",
"Invalid Selection"
),
},
});