@spectrum-web-components/split-button
Version:
An `sp-split-button` surfaces an immediately envokable action via it's main button, as well as a list of alternative actions in its toggleable menu overlay. By default, any actions envoked from the overlay will replace the main action button. When leverag
42 lines (41 loc) • 1.36 kB
JavaScript
import { ElementSizes } from "@spectrum-web-components/base";
import {
args,
argTypes,
parameters,
renderSplitButtonSet,
splitbutton
} from "./index.js";
import "@spectrum-web-components/split-button/sp-split-button.js";
import "@spectrum-web-components/menu/sp-menu-item.js";
const variant = "accent";
const type = "field";
export default {
title: "Split Button/Accent/Field",
component: "sp-split-button",
args: {
...args,
variant,
type
},
argTypes,
parameters
};
export const s = (args2) => renderSplitButtonSet(args2);
s.args = { size: ElementSizes.s };
export const sOpen = (args2) => splitbutton(args2);
sOpen.args = { size: ElementSizes.s, open: true };
export const m = (args2) => renderSplitButtonSet(args2);
m.args = { size: ElementSizes.m };
export const mOpen = (args2) => splitbutton(args2);
mOpen.args = { size: ElementSizes.m, open: true };
export const l = (args2) => renderSplitButtonSet(args2);
l.args = { size: ElementSizes.l };
export const lOpen = (args2) => splitbutton(args2);
lOpen.args = { size: ElementSizes.l, open: true };
export const XL = (args2) => renderSplitButtonSet(args2);
XL.args = { size: ElementSizes.xl };
export const XLOpen = (args2) => splitbutton(args2);
XLOpen.args = { size: ElementSizes.xl, open: true };
//# sourceMappingURL=split-button-accent-field.stories.js.map
;