@prosperitainova/dumbo-react-native
Version:
Dumbo for React Native Library
31 lines • 1.56 kB
TypeScript
import React from 'react';
import { ViewProps, StyleProp, ViewStyle, GestureResponderEvent } from 'react-native';
import { ButtonProps } from '../Button';
/** Props for DataTableHeaderSelected component */
export type DataTableHeaderSelectedProps = {
/** Text to show for items selected. Normally `X items selected` where X is the number of items checked */
itemsSelectedText?: string;
/** Actions to render. Usually one item is best or you may need to decide how many based on screen size to avoid scroll area being weird. */
actions?: ButtonProps[];
/** Cancel button. Should clear selected items. */
onCancel: (event: GestureResponderEvent) => void;
/** Cancel text to render for cancel button */
cancelText: string;
/** Style to set on the item */
style?: StyleProp<ViewStyle>;
/** Direct props to set on the React Native component (including iOS and Android specific props). Most use cases should not need this. */
componentProps?: ViewProps;
};
/**
* DataTableHeaderSelected component for rendering a data table header area that indicates that items are chosen.
* Used as a child of DataTable
*
* {@link https://github.com/carbon-design-system/carbon-react-native/blob/main/example/src/Views/DataTable.tsx | Example code}
*/
export declare class DataTableHeaderSelected extends React.Component<DataTableHeaderSelectedProps> {
private get styles();
private get actions();
private get cancelAction();
render(): React.ReactNode;
}
//# sourceMappingURL=DataTableHeaderSelected.d.ts.map