maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
62 lines (61 loc) • 1.9 kB
TypeScript
import { MazColor } from './types';
export type MazBadgeColor = MazColor | 'background';
export type MazBadgeRoundedSize = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
export interface MazBadgeProps {
/**
* Color of the badge
* @values `'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'destructive' | 'contrast' | 'background'`
* @default primary
*/
color?: MazBadgeColor;
/**
* Size of the badge
* @default 0.8em
*/
size?: string;
/**
* Will not wrap the text
* @default false
*/
nowrap?: boolean;
/**
* Will add a border to the badge
* @default false
*/
outlined?: boolean;
/**
* Will add a pastel style to the badge
* @default false
*/
pastel?: boolean;
/**
* Size radius of the component's border
* @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
* @default md
*/
roundedSize?: MazBadgeRoundedSize;
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
};
refs: {};
rootEl: HTMLSpanElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<MazBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazBadgeProps> & Readonly<{}>, {
size: string;
color: MazBadgeColor;
roundedSize: MazBadgeRoundedSize;
outlined: boolean;
pastel: boolean;
nowrap: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};