react-native-ui-lib
Version:
[](https://stand-with-ukraine.pp.ua)
56 lines (55 loc) • 1.71 kB
TypeScript
import React from 'react';
import { TextFieldProps } from '../textField';
import { ChipProps } from '../chip';
export declare enum ChipsInputChangeReason {
Added = "added",
Removed = "removed"
}
export type ChipsInputChipProps = ChipProps & {
invalid?: boolean;
};
export type ChipsInputProps = Omit<TextFieldProps, 'ref'> & {
/**
* Chip items to render in the input
*/
chips?: ChipsInputChipProps[];
/**
* A default set of chip props to pass to all chips
*/
defaultChipProps?: ChipProps;
/**
* A default set of chip props to pass to all invalid chips
*/
invalidChipProps?: ChipProps;
/**
* Change callback for when chips changed (either added or removed)
*/
onChange?: (chips: ChipsInputChipProps[], changeReason: ChipsInputChangeReason, updatedChip: ChipProps) => void;
/**
* Maximum chips
*/
maxChips?: number;
};
declare const ChipsInput: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & {
/**
* Chip items to render in the input
*/
chips?: ChipsInputChipProps[] | undefined;
/**
* A default set of chip props to pass to all chips
*/
defaultChipProps?: ChipProps | undefined;
/**
* A default set of chip props to pass to all invalid chips
*/
invalidChipProps?: ChipProps | undefined;
/**
* Change callback for when chips changed (either added or removed)
*/
onChange?: ((chips: ChipsInputChipProps[], changeReason: ChipsInputChangeReason, updatedChip: ChipProps) => void) | undefined;
/**
* Maximum chips
*/
maxChips?: number | undefined;
} & React.RefAttributes<any>>;
export default ChipsInput;