@uswds/uswds/packages/usa-sidenav/src/usa-sidenav.stories.js

Open source UI components and visual style guide for U.S. government websites

import Component from "./usa-sidenav.twig";
import TestComponent from "./test/test-patterns/test-sidenav-button.twig";
import LevelOneContent from "./usa-sidenav~one-level.json";
import LevelTwoContent from "./usa-sidenav~two-levels.json";
import LevelThreeContent from "./usa-sidenav~three-levels.json";

export default {
  title: "Components/Side Navigation",
};

const Template = (args) => Component(args);
const TestTemplate = (args) => TestComponent(args);

export const LevelOne = Template.bind({});
LevelOne.args = LevelOneContent;

export const LevelTwo = Template.bind({});
LevelTwo.args = LevelTwoContent;

export const LevelThree = Template.bind({});
LevelThree.args = LevelThreeContent;

export const Test = TestTemplate.bind({});