@uswds/uswds/packages/templates/usa-documentation/usa-docs.stories.js

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

import DefaultContent from "./usa-docs.json";
import Component from "./usa-docs.twig";

export default {
  title: "Pages/Documentation Page",
  args: DefaultContent,
  parameters: {
    layout: "fullscreen",
  },
};

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

export const DocumentationPage = Template.bind({});

export const TestDocumentationReorder = Template.bind({});
TestDocumentationReorder.args = {
  ...DefaultContent,
  sidenav_reorder: false,
};
TestDocumentationReorder.argTypes = {
  sidenav_reorder: {
    control: { type: "boolean" },
    name: "Reorder with CSS",
  },
};