### 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
getCssClasses
###### Inputs
variant class e2eAttr tabindex
###### HostBindings
class
###### Accessors
cssClasses

### 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
get `cssClasses()`
CSS classes applied to the host element. Combines base ECL label class with the variant modifier. Returns : `string`

# results matching ""

# No results matching ""