Buttons facilitate user interaction.

  • Content shown on button; typically text.

leadingIcon - Leading icon of button. Full list of icons can be found at Zeta Icons.

trailingIcon - Trailing icon of button. Full list of icons can be found at Zeta Icons

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=23126-110945

https://zeta-ds.web.app/web/storybook/?path=/docs/buttons--docs

Hierarchy (view full)

Other

_buttonType: "text" | "icon" = "text"
disabled: boolean
flavor: ButtonFlavor = "primary"
internals: ElementInternals
leading?: Node[]
name?: string

Name for the button, used if the button is in a form.

rounded: boolean
size: "small" | "medium" | "large"
trailing?: Node[]
type?: "reset" | "submit" | "button"

The type of the button when used in a form

value?: string

The value of the name property When submitted as part of a form

formAssociated: boolean = true
shadowRootOptions: ShadowRootInit = ...

rendering

  • Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

    Returns TemplateResult<1>