@uswds/uswds/packages/usa-table/src/usa-table--scrollable/usa-table--scrollable.stories.js

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

import Component from "./usa-table--scrollable.twig";
import ScrollableDefaultContent from "./usa-table--scrollable.json";
import ScrollableStripedContent from "./usa-table--scrollable~striped.json";
import ScrollableCompactContent from "./usa-table--scrollable~compact.json";
import ScrollableCompactStripedContent from "./usa-table--scrollable~compact-striped.json";

export default {
  title: "Components/Table/Scrollable",
};

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

export const Default = Template.bind({});
Default.args = ScrollableDefaultContent;

export const Striped = Template.bind({});
Striped.args = {
  ...ScrollableDefaultContent,
  ...ScrollableStripedContent,
};

export const Compact = Template.bind({});
Compact.args = {
  ...ScrollableDefaultContent,
  ...ScrollableCompactContent,
};

export const CompactStriped = Template.bind({});
CompactStriped.args = {
  ...ScrollableDefaultContent,
  ...ScrollableCompactStripedContent,
};