UNPKG

@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
"use strict"; 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