mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-17 03:01:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor: use $$restProps API

Browse source 
- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities
This commit is contained in:
Eric Liu 2020-07-18 20:00:20 -07:00
commit e886d772c7
288 changed files with 4681 additions and 4498 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/InlineLoading/InlineLoading.stories.js
View file

@ -1,23 +1,29 @@
import { withKnobs, select, text, number } from '@storybook/addon-knobs';
import Component from './InlineLoading.Story.svelte';
import { withKnobs, select, text, number } from "@storybook/addon-knobs";
import Component from "./InlineLoading.Story.svelte";
export default { title: 'InlineLoading', decorators: [withKnobs] };
export default { title: "InlineLoading", decorators: [withKnobs] };
const loadingStatus = ['inactive', 'active', 'finished', 'error'];
const loadingStatus = ["inactive", "active", "finished", "error"];
export const Default = () => ({
Component,
props: {
status: select('Loading status (status)', loadingStatus, 'active'),
iconDescription: text('Icon description (iconDescription)', 'Active loading indicator'),
description: text('Loading progress description (description)', 'Loading data...'),
status: select("Loading status (status)", loadingStatus, "active"),
iconDescription: text(
"Icon description (iconDescription)",
"Active loading indicator"
),
description: text(
"Loading progress description (description)",
"Loading data..."
),
successDelay: number(
'The duration for successful state before `on:success` fires (successDelay)',
"The duration for successful state before `on:success` fires (successDelay)",
1500
)
}
),
},
});
export const UxExample = () => ({ Component, props: { story: 'ux-example' } });
export const UxExample = () => ({ Component, props: { story: "ux-example" } });
UxExample.story = { name: 'UX Example' };
UxExample.story = { name: "UX Example" };