@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
84 lines (83 loc) • 2.45 kB
TypeScript
import type { AppConfig } from '@nuxt/schema';
import theme from '#build/b24ui/chip';
import type { IconComponent } from '../types';
import type { ComponentConfig } from '../types/utils';
type Chip = ComponentConfig<typeof theme, AppConfig, 'chip'>;
export interface ChipProps {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
/** Display some text inside the chip. */
text?: string | number;
/**
* The icon displayed on the right side of the chip.
* @IconComponent
*/
trailingIcon?: IconComponent;
/**
* @defaultValue 'danger'
*/
color?: Chip['variants']['color'];
/**
* If set to `true` the color is inverted.
* Used for 'air-primary', 'air-primary-success', 'air-primary-alert', 'air-primary-copilot' and 'air-primary-warning' colors.
* @defaultValue false
*/
inverted?: boolean;
/**
* @defaultValue 'sm'
*/
size?: Chip['variants']['size'];
/**
* The position of the chip.
* @defaultValue 'top-right'
*/
position?: Chip['variants']['position'];
/**
* When `true`, keep the chip inside the component for rounded elements
* @defaultValue false
*/
inset?: boolean;
/**
* When `true`, render the chip relatively to the parent.
* @defaultValue false
*/
standalone?: boolean;
/**
* When `true`, hide chip if value='0'
* @defaultValue false
*/
hideZero?: boolean;
class?: any;
b24ui?: Chip['slots'];
}
export interface ChipEmits {
'update:show': [value: boolean];
}
export interface ChipSlots {
default(props?: {}): any;
content(props?: {}): any;
trailing(props?: {}): any;
}
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ChipProps & {
show?: boolean;
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:show": (value: boolean) => any;
}, string, import("vue").PublicProps, Readonly<ChipProps & {
show?: boolean;
}> & Readonly<{
"onUpdate:show"?: ((value: boolean) => any) | undefined;
}>, {
inset: boolean;
inverted: boolean;
standalone: boolean;
hideZero: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ChipSlots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};