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

docs(uishell): replace with header

Browse source
This commit is contained in:
Marcus Feitoza 2020-04-18 12:44:24 -03:00
commit b79567f932
2 changed files with 65 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,27 +3,47 @@ import Component from './UIShell.Story.svelte';
export default { title: 'UIShell', decorators: [withKnobs] };
export const WithNav = () => ({
export const Base = () => ({
Component,
props: {
story: 'with-nav',
story: 'base',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
});
export const WithActions = () => ({
export const WithHeaderAndNav = () => ({
Component,
props: {
story: 'with-actions',
story: 'with-header-and-nav',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
});
export const WithActionsAndSidenav = () => ({
export const WithUtilities = () => ({
Component,
props: {
story: 'with-utilities',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
});
export const WithSwitcher = () => ({
Component,
props: {
story: 'with-switcher',
href: text('The link href (href)', '#'),
company: text('Company name', 'IBM'),
platformName: text('Platform name', 'Platform Name')
}
});
export const WithSidenav = () => ({
Component,
props: {
story: 'with-sidenav',