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

    Class ZetaFab

    Floating action buttons are used for a promoted action.

    • The icon of the button. Entered as a plain string.

    https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=21816-4283&m=dev

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

    Hierarchy

    • FlavoredInterface<this> & LitElement<this> & BaseButton<this>
      • ZetaFab
    Index

    Other

    constructor _round disabled extended flavor internals label name? rounded size type? value? formAssociated shadowRootOptions round styles _handleClick

    rendering

    render

    Other

    _round

    _round: boolean | "full" = "full"
    disabled: boolean
    extended: boolean = false

    Whether or not the FAB is extended.

    flavor: FabFlavor = "primary"
    internals: ElementInternals
    label: string = ""

    The label display on or below the button.

    name?: string

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

    rounded: boolean = false
    size: "small" | "large" = "small"
    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 round(): boolean | "full"

      The border radius of the button. Used in place of rounded prop.

      Returns boolean | "full"

    • set round(value: boolean | "full"): void

      Parameters

      • value: boolean | "full"

      Returns void

    • get styles(): (CSSResult | CSSResultGroup[])[]

      Returns (CSSResult | CSSResultGroup[])[]

    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