@carbon/ibm-products
Version:
Carbon for IBM Products
64 lines • 1.7 kB
TypeScript
/**
* Copyright IBM Corp. 2026
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
import React, { ReactNode } from 'react';
import { type IconButtonProps } from '@carbon/react';
import type { AddSelectItem } from '@carbon/ibm-products';
/**
* ----------------
* AddSelectItemPanel
* ----------------
*/
export interface AddSelectItemPanelProps {
/**
* Panel title
*/
title?: string;
/**
* Item data
*/
item?: AddSelectItem;
/**
* Close button handler
*/
onClose?: () => void;
/**
* Close button aria-label
*/
closeIconDescription?: string;
/**
* Custom content - takes highest priority
*/
children?: ReactNode;
/**
* Custom template for rendering the entire panel body content
* Takes precedence over default rendering
*/
renderItem?: (item: AddSelectItem) => ReactNode;
/**
* Optional class name
*/
className?: string;
/**
* Additional props to pass to the close IconButton
*/
closeIconButtonProps?: Omit<IconButtonProps, 'label' | 'onClick' | 'kind' | 'size' | 'className' | 'children'>;
}
/**
* AddSelectItemPanel - Displays detailed information about a specific item
* @example
* ```jsx
* <AddSelect.ItemPanel
* title="Item details"
* item={item}
* onClose={handleClose}
* closeIconDescription="Close details"
* />
* ```
*/
declare const AddSelectItemPanel: React.ForwardRefExoticComponent<AddSelectItemPanelProps & React.RefAttributes<HTMLDivElement>>;
export default AddSelectItemPanel;
//# sourceMappingURL=AddSelectItemPanel.d.ts.map