sidebar.stories.mdx

PHOTO

Mon Mar 25 2024 17:06:09 GMT+0000 (Coordinated Universal Time)

import {SideBar} from "ui";
import {ArgsTable, Canvas, Meta, Story} from "@storybook/addon-docs";

<Meta title="Components/Sections/SideBar/old" component={SideBar}/>

export const Template = (args) => <SideBar {...args} />;

# SideBar

Description of a SideBar

## Props

<ArgsTable story="Default"/>

## Examples

<Canvas>
    <Story
        name="Default"
        args={{
            noSession: true,
            links: [
                {
                    icon: "home",
                    text: "Example",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
            ],
            protectedLinks: [
                {
                    icon: "home",
                    text: "Example",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
                {
                    icon: "globe",
                    text: "Available when logged in",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
            ],
        }}
    >
        {Template.bind({})}
    </Story>
</Canvas>

COPY