packages/eui/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
|