maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
48 lines (47 loc) • 1.55 kB
TypeScript
type SizeUnit = `${number}rem` | `${number}px` | `${number}em` | `${number}vh` | `${number}vw` | `${number}%`;
export interface MazSkeletonProps {
/**
* Skeleton shape type
* @values circle, rectangle, square
* @type {'circle' | 'rectangle' | 'square'}
* @default 'rectangle'
*/
shape?: 'circle' | 'rectangle' | 'square';
/**
* Size with units (ex: '2rem', '40px', '3em')
* @default '1rem'
*/
size?: SizeUnit;
/**
* Custom width
*/
width?: SizeUnit;
/**
* Custom height
*/
height?: SizeUnit;
/**
* Disable animation
* @default true
*/
animated?: boolean;
/**
* Controls the border radius
* @values none, sm, md, lg, xl, full, base
* @type {'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'base'}
* @default 'base'
*/
roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'base';
/**
* Accessibility label
* @default 'skeleton.ariaLabel' (translations)
*/
ariaLabel?: string;
/**
* Loading text for accessibility
* @default 'skeleton.loadingText' (translations)
*/
loadingText?: string;
}
declare const _default: import('vue').DefineComponent<MazSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MazSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;