import {Page} from "ui"; import {ArgsTable, Canvas, Meta, Story} from "@storybook/addon-docs"; <Meta title="Components/Sections/Page/old" component={Page}/> export const Template = (args) => <Page {...args} />; # Page Description of a Page ## Props <ArgsTable story="Default"/> ## Examples <Canvas> <Story name="Default" args={{ pageTitle: "Example Page", pageDescription: "Example page description", navigation: true, noSession: true, routes: [ { icon: "home", text: "Example", href: "https://www.spot-ship.com", removeHover: true, }, ], protectedRoutes: [ { icon: "home", text: "Example", href: "https://www.spot-ship.com", removeHover: true, }, { icon: "globe", text: "Example thats only available when logged in", href: "https://www.spot-ship.com", removeHover: true, }, ], }} > {Template.bind({})} </Story> </Canvas>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter