mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
first commit on the UIShell
This commit is contained in:
parent
ce469df6db
commit
93b912240f
13 changed files with 492 additions and 0 deletions
34
src/components/UIShell/UIShell.stories.js
Normal file
34
src/components/UIShell/UIShell.stories.js
Normal file
|
@ -0,0 +1,34 @@
|
|||
import { withKnobs, text } from '@storybook/addon-knobs';
|
||||
import Component from './UIShell.Story.svelte';
|
||||
|
||||
export default { title: 'UIShell', decorators: [withKnobs] };
|
||||
|
||||
export const Default = () => ({
|
||||
Component,
|
||||
props: {
|
||||
story: 'default',
|
||||
href: text('The link href (href)', '#'),
|
||||
company: text('Company name', 'IBM'),
|
||||
platformName: text('Platform name', 'Platform Name')
|
||||
}
|
||||
});
|
||||
|
||||
export const WithNav = () => ({
|
||||
Component,
|
||||
props: {
|
||||
story: 'with-nav',
|
||||
href: text('The link href (href)', '#'),
|
||||
company: text('Company name', 'IBM'),
|
||||
platformName: text('Platform name', 'Platform Name')
|
||||
}
|
||||
});
|
||||
|
||||
export const WithActions = () => ({
|
||||
Component,
|
||||
props: {
|
||||
story: 'with-actions',
|
||||
href: text('The link href (href)', '#'),
|
||||
company: text('Company name', 'IBM'),
|
||||
platformName: text('Platform name', 'Platform Name')
|
||||
}
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue