1 | import * as React from 'react';
|
2 | import { InternalDropdownItemProps } from './InternalDropdownItem';
|
3 | import { OUIAProps } from '../../helpers';
|
4 | export interface DropdownItemProps extends InternalDropdownItemProps, OUIAProps {
|
5 | /** Anything which can be rendered as dropdown item */
|
6 | children?: React.ReactNode;
|
7 | /** Classes applied to root element of dropdown item */
|
8 | className?: string;
|
9 | /** Class to be applied to list item */
|
10 | listItemClassName?: string;
|
11 | /**
|
12 | * A ReactElement to render, or a string to use as the component tag.
|
13 | * Example: component={<Link to="/components/alert/">Alert</Link>}
|
14 | * Example: component="button"
|
15 | * If React.isValidElement(component) the className prop will be injected unless styleChildren="false"
|
16 | */
|
17 | component?: React.ReactNode;
|
18 | /** ID for the component element */
|
19 | componentID?: string;
|
20 | /** Whether to set className on component when React.isValidElement(component) */
|
21 | styleChildren?: boolean;
|
22 | /** Render dropdown item as disabled option */
|
23 | isDisabled?: boolean;
|
24 | /** Render dropdown item as aria-disabled option */
|
25 | isAriaDisabled?: boolean;
|
26 | /** Render dropdown item as non-interactive item */
|
27 | isPlainText?: boolean;
|
28 | /** Forces display of the hover state of the element */
|
29 | isHovered?: boolean;
|
30 | /** Default hyperlink location */
|
31 | href?: string;
|
32 | /** Tooltip to display when hovered over the item */
|
33 | tooltip?: React.ReactNode;
|
34 | /** Additional tooltip props forwarded to the Tooltip component */
|
35 | tooltipProps?: any;
|
36 | /** Additional node to include alongside item within the <li> */
|
37 | additionalChild?: React.ReactNode;
|
38 | /** Custom item rendering that receives the DropdownContext */
|
39 | customChild?: React.ReactNode;
|
40 | /** tabIndex to use, null to unset it */
|
41 | tabIndex?: number | null;
|
42 | /** An image to display within the DropdownItem, appearing before any component children */
|
43 | icon?: React.ReactNode;
|
44 | /** Initial focus on the item when the menu is opened (Note: Only applicable to one of the items) */
|
45 | autoFocus?: boolean;
|
46 | /** A short description of the dropdown item, displayed under the dropdown item content */
|
47 | description?: React.ReactNode;
|
48 | }
|
49 | export declare const DropdownItem: React.FunctionComponent<DropdownItemProps>;
|
50 | //# sourceMappingURL=DropdownItem.d.ts.map |
\ | No newline at end of file |