packages/eui/packages/components/eui-label/eui-label.component.ts
A versatile label component that can be used as a standard label, sublabel, or other text elements. Supports various states, sizes, and appearance modifications through host directives.
changeDetection | ChangeDetectionStrategy.OnPush |
HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiSecondary euiSuccess euiInfo euiWarning euiDanger euiSizeS euiSizeM euiSizeL euiDisabled
|
selector | label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel |
template |
|
styleUrl | ./eui-label.scss |
Properties |
Inputs |
HostBindings |
Accessors |
euiReadonly |
Type : boolean
|
Default value : false
|
euiRequired |
Type : boolean
|
Default value : false
|
euiSublabel |
Type : boolean
|
Default value : false
|
class |
Type : string
|
baseStatesDirective |
Default value : inject(BaseStatesDirective)
|
cssClasses |
getcssClasses()
|
Computes and returns the CSS classes for the label component based on its current state. Combines base states, required status, readonly status, and sublabel type.
Returns :
string
|