mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
chore: lift components folder
This commit is contained in:
parent
76df51674d
commit
2200b29b92
301 changed files with 57 additions and 76 deletions
64
src/UIShell/UIShell.stories.js
Normal file
64
src/UIShell/UIShell.stories.js
Normal file
|
@ -0,0 +1,64 @@
|
|||
import { withKnobs, text } from "@storybook/addon-knobs";
|
||||
import Component from "./UIShell.Story.svelte";
|
||||
|
||||
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"),
|
||||
},
|
||||
});
|
||||
|
||||
export const Sidenav = () => ({
|
||||
Component,
|
||||
props: {
|
||||
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"),
|
||||
},
|
||||
});
|
||||
|
||||
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"),
|
||||
},
|
||||
});
|
||||
|
||||
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"),
|
||||
},
|
||||
});
|
||||
|
||||
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"),
|
||||
},
|
||||
});
|
Loading…
Add table
Add a link
Reference in a new issue