95 lines
2.0 KiB
TypeScript
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;
|