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

    Class ZetaIconButton

    Icon buttons are used to trigger actions with an icon.

    --icon-button-color - (Deprecated: Use --button-color instead)

    • 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://design.zebra.com/web/storybook/?path=/docs/components-buttons--docs

    Hierarchy (View Summary)

    Index
    constructor _buttonType disabled flavor internals leadingIcon name? shape size trailingIcon type? value? formAssociated shadowRootOptions styles _handleClick
    render

    Protected Internal_buttonType

    _buttonType: "text" | "icon" = "icon"
    disabled: boolean
    flavor: ButtonFlavor = "primary"

    The flavor of the component determines the visual style of the component.

    "primary"

    Supported values for flavor:

    • "primary" - Blue background.
    • "positive" - Green background.
    • "negative" - Red background.
    • "outline" - Primary outline only.
    • "outline-subtle" - Grey outline only.
    • "text" - Primary text only.
    • "subtle" - White background with grey text. Same action colors as 'text' flavor.
    • "custom" - Custom color background with custom color icon and text applied using css properties.
    internals: ElementInternals
    leadingIcon: ZetaIconName | null = null

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

    name?: string

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

    shape: "rounded" | "sharp" | "full"
    size: "small" | "medium" | "large"
    trailingIcon: ZetaIconName | null = null

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

    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 = ...
    • get styles(): (CSSResult | (CSSResult | CSSResultGroup[])[])[]

      Returns (CSSResult | (CSSResult | CSSResultGroup[])[])[]

    Protected_handleClick

    • _handleClick(event: Event): Event

      Parameters

      • event: Event

      Returns Event

    • 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