eui documentation
  1. Directives
  2. EclLabelDirective

File

packages/ecl/components/ecl-label/ecl-label.directive.ts

Description

Directive for applying ECL label styles.

Supports multiple visual variants based on importance or context. Adds appropriate ECL classes dynamically.

Extends

ECLBaseDirective

Metadata

Selector [eclLabel]

Index

Methods
Inputs
HostBindings
Accessors

Inputs

variant
Type : "low" | "medium" | "high" | "highlight"
Default value : 'low'

Defines the visual variant of the label.

  • 'low' – default styling
  • 'medium' – medium emphasis
  • 'high' – high emphasis
  • 'highlight' – special highlight
class
Type : string
e2eAttr
Type : any
tabindex
Type : number

HostBindings

class
Type : string

CSS classes applied to the host element. Combines base ECL label class with the variant modifier.

Methods

getCssClasses
getCssClasses(rootClass: string)
Parameters :
Name Type Optional
rootClass string No
Returns : string

Accessors

cssClasses
getcssClasses()

CSS classes applied to the host element. Combines base ECL label class with the variant modifier.

Returns : string

results matching ""

    No results matching ""