Class ZetaFab

Floating action buttons are used for a promoted action.

Slot

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

Figma

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

Storybook

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

Hierarchy

  • BaseButton
    • ZetaFab

Other

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

rendering

render

Other

constructor

_round

_round: boolean | "full" = "full"

disabled

disabled: boolean

extended

extended: boolean = false

Whether or not the FAB is extended.

flavor

flavor: FabFlavor = "primary"

Protectedinternals

internals: ElementInternals

label

label: string = ""

The label display on or below the button.

Optionalname

name?: string

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

Internalrounded

rounded: boolean = false

size

size: "small" | "large" = "small"

Optionaltype

type?: "reset" | "submit" | "button"

The type of the button when used in a form

Optionalvalue

value?: string

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

StaticformAssociated

formAssociated: boolean = true

Static InternalshadowRootOptions

shadowRootOptions: ShadowRootInit = ...

round

Staticstyles

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

  • Returns (CSSResult | CSSResultGroup[])[]

Protected_handleClick

blur

click

focus

rendering

Protectedrender

  • render(): TemplateResult<1>

  • 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