packages/components/eui-dashboard-button/eui-dashboard-button.component.ts
A customizable dashboard button component that can display icons, labels, and images. Supports various states and sizes through host directives.
OnInit
| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiSecondary euiSuccess euiInfo euiWarning euiDanger euiAccent euiVariant euiSizeXS euiSizeS euiSizeM euiSizeL euiSizeXL euiSize2XL euiSizeVariant
|
| selector | eui-dashboard-button |
| imports |
EUI_AVATAR
|
| styleUrls | ./eui-dashboard-button.scss |
| templateUrl | ./eui-dashboard-button.component.html |
Properties |
Inputs |
HostBindings |
Accessors |
| imageUrl |
Type : string
|
| class |
Type : string
|
| Public baseStatesDirective |
Type : BaseStatesDirective
|
Default value : inject(BaseStatesDirective)
|
| euiDashboardButtonIcon |
Type : EuiDashboardButtonIconDirective
|
Decorators :
@ContentChild(EuiDashboardButtonIconDirective)
|
| euiDashboardButtonLabel |
Type : EuiDashboardButtonLabelDirective
|
Decorators :
@ContentChild(EuiDashboardButtonLabelDirective)
|
| euiLabelContent |
Type : EuiLabelComponent
|
Decorators :
@ContentChild(EuiLabelComponent)
|
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS classes for the dashboard button
Returns :
string
|