packages/components/eui-chip-button/eui-chip-button.component.ts
Chips are compact elements that allow users to enter information, select a choice, filter content or trigger an action. The eui-chip component can also be displayed dynamically as a group of multiple interactive elements, see eui-chip-list.
| changeDetection | ChangeDetectionStrategy.OnPush |
| HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiSecondary euiSuccess euiInfo euiWarning euiDanger euiVariant euiSizeS euiSizeVariant euiOutline euiDisabled
|
| selector | eui-chip-button, span[euiChipButton], li[euiChipButton] |
| imports |
EUI_ICON
EUI_ICON_BUTTON
|
| templateUrl | ./eui-chip-button.component.html |
| styleUrl | ./eui-chip-button.scss |
Properties |
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
| e2eAttr |
Type : string
|
Default value : 'eui-chip'
|
|
Sets the |
| euiInternalId |
Type : string
|
Default value : null
|
|
Sets the euiInternalId of the chip. |
| id |
Type : string | number
|
|
Sets the id of the chip. |
| isFilled |
Type : boolean
|
Default value : false
|
|
Wether the chip is filled with color. |
| tooltipMessage |
Type : string
|
|
Sets the label of the tooltip to diaply on hover. |
| buttonClick |
Type : EventEmitter
|
| class |
Type : string
|
| onClick |
onClick()
|
|
Returns :
void
|
| baseStatesDirective |
Type : unknown
|
Default value : inject(BaseStatesDirective)
|
| cssClasses |
getcssClasses()
|
|
Computes and returns the CSS classes for the component based on its current state.
Returns :
string
|