@spectrum-web-components/button
Version:
An `<sp-button>` represents an action a user can take. sp-buttons can be clicked or tapped to perform an action or to navigate to another page. sp-buttons in Spectrum have several variations for different uses and multiple levels of loudness for various a
36 lines (35 loc) • 1.14 kB
JavaScript
;
import {
renderButtonSet,
renderIconSizeOverridden,
renderLink,
renderLinkWithTarget,
renderMinWidthButton,
renderWithIcon,
renderWithIconOnly
} from "./index.js";
import "@spectrum-web-components/icons-workflow/icons/sp-icon-help.js";
import { args, argTypes } from "./index.js";
const variant = "primary";
const treatment = "fill";
export default {
component: "sp-button",
title: "Button/Primary/Fill",
args: {
...args,
variant,
treatment
},
argTypes
};
export const Default = (props) => renderButtonSet(props);
export const withIcon = (props) => renderWithIcon(props);
export const withIconOnly = (props) => renderWithIconOnly(props);
export const iconSizeOverridden = () => renderIconSizeOverridden(variant, treatment);
export const minWidthButton = (props) => renderMinWidthButton(props);
minWidthButton.storyName = "min-width";
export const link = (props) => renderLink(props);
link.storyName = "href";
export const linkWithTarget = (props) => renderLinkWithTarget(props);
linkWithTarget.storyName = 'href with target="_blank"';
//# sourceMappingURL=button-primary-fill.stories.js.map