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

refactor(ui-shell): use $$restProps, remove cx

Browse source
This commit is contained in:
Eric Liu 2020-07-19 06:33:06 -07:00
commit 1e5333dd64
26 changed files with 230 additions and 425 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/components/UIShell/UIShell.stories.js
View file

@ -1,64 +1,64 @@
import { withKnobs, text } from '@storybook/addon-knobs';
import Component from './UIShell.Story.svelte';
import { withKnobs, text } from "@storybook/addon-knobs";
import Component from "./UIShell.Story.svelte";
export default { title: 'UIShell', decorators: [withKnobs] };
export default { title: "UIShell", decorators: [withKnobs] };
export const Header = () => ({
Component,
props: {
story: 'header',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "header",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});
export const Sidenav = () => ({
Component,
props: {
story: 'sidenav',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "sidenav",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});
export const HeaderWithNav = () => ({
Component,
props: {
story: 'header-with-nav',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "header-with-nav",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});
export const HeaderWithUtilities = () => ({
Component,
props: {
story: 'header-with-utilities',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "header-with-utilities",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});
export const HeaderWithSwitcher = () => ({
Component,
props: {
story: 'header-with-switcher',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "header-with-switcher",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});
export const HeaderAndSidenav = () => ({
Component,
props: {
story: 'header-and-sidenav',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
story: "header-and-sidenav",
href: text("The link href (href)", "#"),
company: text("Company name", "IBM"),
platformName: text("Platform name", "Platform Name"),
},
});