@zebra-fed/zeta-web
    Preparing search index...

    Class ZetaIconButton

    ZetaIconButton web component.

    A button containing a Zeta Icon.

    --icon-button-color the color of the button.

    --icon-button-icon-color the color of the icon.

    --icon-button-icon-color-disabled the color of the icon when the button is disabled.

    • The name of the icon. Full list of icons can be found at Zeta Icons.

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

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

    Hierarchy (View Summary)

    Index

    Other

    constructor _buttonType disabled flavor internals leading? name? rounded size trailing? type? value? formAssociated shadowRootOptions styles _handleClick

    rendering

    render

    Other

    Protected Internal_buttonType

    _buttonType: "text" | "icon" = "icon"
    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 = ...

    Protected_handleClick

    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>

    Settings

    Member Visibility

    On This Page

    Other
    rendering