@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
38 lines • 1.06 kB
TypeScript
import { BaseComponentProps } from '../../base-component';
import { HighlightType } from '../options-list/utils/use-highlight-option';
export type SelectableItemProps = BaseComponentProps & {
children: React.ReactNode;
selected?: boolean;
highlighted?: boolean;
disabled?: boolean;
hasBackground?: boolean;
isParent?: boolean;
isChild?: boolean;
isSelectAll?: boolean;
virtualPosition?: number;
padBottom?: boolean;
isPreviousSelected?: boolean;
isNextSelected?: boolean;
useInteractiveGroups?: boolean;
screenReaderContent?: string;
ariaPosinset?: number;
ariaSetsize?: number;
highlightType?: HighlightType['type'];
ariaDescribedby?: string;
value?: string;
sticky?: boolean;
afterHeader?: boolean;
withScrollbar?: boolean;
} & ({
ariaSelected?: boolean;
ariaChecked?: never;
} | {
ariaSelected?: never;
ariaChecked?: boolean | 'mixed';
});
export interface ItemDataAttributes {
'data-group-index'?: string;
'data-child-index'?: string;
'data-in-group-index'?: string;
'data-test-index'?: string;
}