### 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

- e2eAttr

###### HostBindings

- class

###### Accessors

- cssClasses

### 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
get `cssClasses()`
Getter that returns the CSS class for the component. Bound to the host element's class attribute. Returns : `string`

# results matching ""

# No results matching ""