@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
46 lines (45 loc) • 2.28 kB
TypeScript
import '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
import type { ShowMoreItemClickEventDetail } from '@ui5/webcomponents-fiori/dist/SearchItemShowMore.js';
import type { CommonProps, Ui5CustomEvent, Ui5DomRef } from '@ui5/webcomponents-react-base';
interface SearchItemShowMoreAttributes {
/**
* Specifies the number of additional items available to show.
* If no value is defined, the control shows "Show more" (without any counter).
* If a number is provided, it displays "Show more (N)", where N is that number.
* @default undefined
*/
itemsToShowCount?: number | undefined;
/**
* Defines whether the show more item is selected.
* @default false
*/
selected?: boolean;
}
interface SearchItemShowMoreDomRef extends Required<SearchItemShowMoreAttributes>, Ui5DomRef {
}
interface SearchItemShowMorePropTypes extends SearchItemShowMoreAttributes, Omit<CommonProps, keyof SearchItemShowMoreAttributes | 'onClick'> {
/**
* Fired when the component is activated, either with a mouse/tap
* or by pressing the Enter or Space keys.
*
* **Note:** Call `event.preventDefault()` inside the handler of this event to prevent its default action/s.
*
* | cancelable | bubbles |
* | :--------: | :-----: |
* | ✅|✅|
*/
onClick?: (event: Ui5CustomEvent<SearchItemShowMoreDomRef, ShowMoreItemClickEventDetail>) => void;
}
/**
* A `SearchItemShowMore` is a special type of ui5-li that acts as a button to progressively reveal additional (overflow) items within a group.
*
*
*
* __Note:__ This is a UI5 Web Component! [SearchItemShowMore UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/SearchItemShowMore) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [2.14.0](https://github.com/UI5/webcomponents/releases/tag/v2.14.0) of __@ui5/webcomponents-fiori__.
* @experimental
*/
declare const SearchItemShowMore: import("react").ForwardRefExoticComponent<SearchItemShowMorePropTypes & import("@ui5/webcomponents-react-base").WithWebComponentPropTypes & import("react").RefAttributes<SearchItemShowMoreDomRef>>;
export { SearchItemShowMore };
export type { SearchItemShowMoreDomRef, SearchItemShowMorePropTypes };