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(components): remove exported "props"

Browse source 
Closes #17

- Forward events
- Adds style prop, removes exported props
This commit is contained in:
Eric Liu 2019-12-22 09:29:45 -08:00
commit 1286b9901d
31 changed files with 120 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,28 +3,21 @@ import Component from './InlineLoading.Story.svelte';
export default { title: 'InlineLoading', decorators: [withKnobs] };
const loadingStatus = ['inactive', 'active', 'finished', 'error'];
export const Default = () => ({
Component,
props: {
status: select(
'Loading status (status)',
['inactive', 'active', 'finished', 'error'],
'active'
),
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 `onSuccess` 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' };