packages/components/eui-skeleton/eui-skeleton.component.ts
A skeleton loading component that provides various shapes and sizes for placeholder content. Used to indicate loading states in the UI with different geometric shapes.
| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
BaseStatesDirective
Inputs : euiSizeXS euiSizeS euiSizeM euiSizeL euiSizeXL euiRounded euiSizeVariant
|
| selector | eui-skeleton |
| styleUrl | eui-skeleton.scss |
Properties |
|
Inputs |
HostBindings |
Accessors |
| circle |
Default value : false, { transform: booleanAttribute }
|
|
When true, renders the skeleton as a circle shape |
| line |
Default value : false, { transform: booleanAttribute }
|
|
When true, renders the skeleton as a line shape |
| rectangle |
Default value : false, { transform: booleanAttribute }
|
|
When true, renders the skeleton as a rectangle shape |
| square |
Default value : false, { transform: booleanAttribute }
|
|
When true, renders the skeleton as a square shape |
| class |
Type : string
|
| Public baseStatesDirective |
Type : BaseStatesDirective
|
Default value : inject(BaseStatesDirective)
|
|
Instance of BaseStatesDirective used to manage component states |
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS classes for the skeleton component by delegating to the private getCssClasses method.
Returns :
string
|