eui documentation
  1. Components
  2. EuiInputGroupAddOnItemComponent

File

packages/components/eui-input-group/eui-input-group-addon-item.component.ts

Description

A component that represents an individual item within an input group add-on. Can be used either as an attribute selector on a div or as a custom element.

Basic Usage

Example :
<div euiInputGroupAddOn>
  <div euiInputGroupAddOnItem>https://</div>
  <input euiInputText placeholder="example.com" />
</div>

Accessibility

  • Decorative items should have aria-hidden="true"
  • Meaningful items should be properly labeled for screen readers

Notes

  • Typically contains text, icons, or buttons
  • Must be used within euiInputGroupAddOn container

Metadata

selector div[euiInputGroupAddOnItem], eui-input-group-addon-item
template 
<ng-content/>
styleUrl ./eui-input-group-addon-item.scss

Index

Inputs
HostBindings
Accessors

Inputs

e2eAttr
Type : string
Default value : 'eui-input-group-addon-item'

Input property for setting the data-e2e attribute value. Used for end-to-end testing purposes.

HostBindings

class
Type : string

Getter that returns the CSS class for the component. Bound to the host element's class attribute.

Accessors

cssClasses
getcssClasses()

Getter that returns the CSS class for the component. Bound to the host element's class attribute.

Returns : string

results matching ""

    No results matching ""