@whitemordred/react-native-bootstrap5
Version:
A complete React Native library that replicates Bootstrap 5.3 with 100% feature parity, full theming support, CSS variables, and dark/light mode
49 lines • 1.43 kB
TypeScript
import React, { ReactNode } from 'react';
import { ViewStyle, TextStyle } from 'react-native';
interface DropdownItem {
label: string;
value: string;
disabled?: boolean;
divider?: boolean;
}
interface DropdownProps {
items: DropdownItem[];
value?: string;
placeholder?: string;
onSelect?: (item: DropdownItem) => void;
disabled?: boolean;
variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
size?: 'sm' | 'lg';
direction?: 'down' | 'up' | 'left' | 'right';
style?: ViewStyle;
dropdownStyle?: ViewStyle;
children?: ReactNode;
}
interface DropdownToggleProps {
children: ReactNode;
onPress: () => void;
disabled?: boolean;
style?: ViewStyle;
variant?: string;
size?: string;
}
interface DropdownMenuProps {
children: ReactNode;
visible: boolean;
onRequestClose: () => void;
style?: ViewStyle;
}
interface DropdownItemProps {
children: ReactNode;
onPress?: () => void;
disabled?: boolean;
divider?: boolean;
style?: ViewStyle;
textStyle?: TextStyle;
}
export declare const DropdownToggle: React.FC<DropdownToggleProps>;
export declare const DropdownMenu: React.FC<DropdownMenuProps>;
export declare const DropdownItem: React.FC<DropdownItemProps>;
export declare const Dropdown: React.FC<DropdownProps>;
export default Dropdown;
//# sourceMappingURL=Dropdown.d.ts.map