Class ZetaLabel

Text badges notify users of line items that need attention.

Slot

Text displayed on the label. If not provided, the label property will be used.

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?type=design&node-id=21926-2099

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-badges--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaLabel

Index

Other

constructor label? rounded status styles

rendering

Other

constructor

new ZetaLabel(): ZetaLabel
Returns ZetaLabel
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

`Optional`label

label?: string

Text displayed on label.

Can also be slotted.

rounded

rounded: boolean

status

status: "positive" | "negative" | "info" | "neutral" | "warning" = "neutral"

Type of text label.

Default Value

BannerStatus.default

`Static`styles

styles: CSSResultGroup[] = ...

rendering

`Protected`render

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>
Overrides Contourable(LitElement).render
- Defined in src/components/badges/label/label.ts:26