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

    Class ZetaButtonGroupItem

    Button which is used by button groups.

    • Button label content.

    icon - Icon to display on leading side of button. Full list of icons can be found at https://zeta-icons.web.app/

    button - The button element.

    https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-45&node-type=canvas&m=dev

    https://zeta-ds.web.app/web/storybook/index.html?path=/docs/button-group--docs

    Hierarchy

    • ContourableInterface<this> & LitElement<this> & InteractiveInterface<this>
      • ZetaButtonGroupItem
    Index

    Other

    constructor disabled flavor? icon? name? onclick rounded showDropdown? size shadowRootOptions styles blur focus

    rendering

    render

    Other

    • Returns ZetaButtonGroupItem

    disabled: boolean
    flavor?: "inverse" | "default" = "default"
    icon?: Node[]
    name?: string

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

    onclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => unknown) = null

    Fires when the user clicks the left mouse button on the object

    The mouse event.

    MDN Reference

    rounded: boolean
    showDropdown?: boolean = false

    Whether to show the dropdown icon.

    size: "medium" | "large" = "medium"

    Size of button.

    shadowRootOptions: ShadowRootInit = ...
    styles: CSSResultGroup[] = ...

    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