primevue-mirror/components/lib/chip/Chip.d.ts

95 lines
2.0 KiB
TypeScript

/**
*
* Chip represents people using icons, labels and images.
*
* [Live Demo](https://www.primevue.org/chip)
*
* @module chip
*
*/
import { VNode } from 'vue';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
/**
* Defines valid properties in Chip component.
*/
export interface ChipProps {
/**
* Defines the text to display.
*/
label?: string;
/**
* Defines the icon to display.
*/
icon?: string;
/**
* Defines the image to display.
*/
image?: string;
/**
* Whether to display a remove icon.
* @defaultValue false
*/
removable?: boolean;
/**
* Icon of the remove element.
*/
removeIcon?: string;
}
/**
* Defines valid slots in Chip component.
*/
export interface ChipSlots {
/**
* Content can easily be customized with the default slot instead of using the built-in modes.
*/
default(): VNode[];
/**
* Custom remove icon template of chip component.
* @param {Object} scope - remove icon slot's params.
*/
removeicon(scope: {
/**
* Remove icon click event
*/
click(): void;
/**
* Remove icon keydown event
*/
keydown(): void;
}): VNode[];
}
/**
* Defines valid properties in Chip component.
*/
export interface ChipEmits {
/**
* Callback to invoke when a chip is removed.
* @param {Event} event - Browser event.
*/
remove(event: Event): void;
}
/**
* **PrimeVue - Chip**
*
* _Chip represents people using icons, labels and images._
*
* [Live Demo](https://www.primevue.org/chip/)
* --- ---
* ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
*
* @group Component
*/
declare class Chip extends ClassComponent<ChipProps, ChipSlots, ChipEmits> {}
declare module '@vue/runtime-core' {
interface GlobalComponents {
Chip: GlobalComponentConstructor<Chip>;
}
}
export default Chip;