@ui5/webcomponents-react/wrappers/webComponents/InputIcon/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * The `InputIcon` component represents an interactive icon that can be placed inside an `Input` component.
 * Unlike the standard `Icon`, this component provides button-like behavior with hover, focus, and active states,
 * matching the visual style of the input's built-in clear icon.
 *
 * ### Usage
 * Use `InputIcon` for interactive icons that users can click (e.g., search, voice input, camera).
 * For decorative icons, use the standard `Icon` component instead.
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [InputIcon UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/InputIcon) | [Repository](https://github.com/UI5/webcomponents)
 *
 * @since [2.25.0](https://github.com/UI5/webcomponents/releases/tag/v2.25.0) of __@ui5/webcomponents__.
 */
const InputIcon = withWebComponent('ui5-input-icon', ['accessibleName', 'name'], [], [], ['click']);
InputIcon.displayName = 'InputIcon';
export { InputIcon };