eui documentation
  1. Components
  2. EuiInputGroupAddOnComponent

File

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

Description

A component that serves as a container for input group add-on items. Can be used either as an attribute selector on a div or as a custom element.

Basic Usage

Example :
<div euiInputGroupAddOn>
  <div euiInputGroupAddOnItem>€</div>
  <input euiInputText type="number" />
</div>

Accessibility

  • Add-on items should have appropriate ARIA labels when they convey meaning
  • Ensure add-on content is announced to screen readers if it provides context

Notes

  • Used to group prefix/suffix elements with input controls
  • Provides consistent styling for input decorations

Metadata

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

Index

Inputs
HostBindings
Accessors

Inputs

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

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

HostBindings

class
Type : string

Accessors

cssClasses
getcssClasses()

results matching ""

    No results matching ""