packages/usa-combo-box/src/usa-combo-box.stories.js
import Component from "./usa-combo-box.twig";
import TestComponent from "./test/test-patterns/test-usa-combo-box.twig";
import Content from "./usa-combo-box.json";
export default {
title: "Components/Form Inputs/Combo Box",
argTypes: {
id: { table: { disable: true } },
name: { table: { disable: true } },
disabled_state: {
name: "Disabled state",
control: { type: "radio" },
options: ["none", "disabled", "aria-disabled"],
},
},
};
const Template = (args) => Component(args);
const TestTemplate = (args) => TestComponent(args);
export const Default = Template.bind({});
Default.args = Content;
export const Disabled = Template.bind({});
Disabled.args = {
...Content,
disabled_state: "disabled",
};
export const AriaDisabled = Template.bind({});
AriaDisabled.args = {
...Content,
disabled_state: "aria-disabled",
};
export const Test = TestTemplate.bind({});