Fixed #1836 - For Skeleton

pull/1846/head
mertsincan 2021-12-01 17:18:07 +03:00
parent 1cf6eb72b7
commit c0f4c9c583
1 changed files with 58 additions and 9 deletions

View File

@ -1,14 +1,63 @@
interface SkeletonProps {
shape?: string;
size?: string;
width?: string;
height?: string;
borderRadius?: string;
animation?: string;
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
type SkeletonShapeType = 'rectangle' | 'circle';
type SkeletonAnimationType = 'wave' | 'none';
export interface SkeletonProps {
/**
* Shape of the element.
* @see SkeletonShapeType
* Default value is 'rectangle'.
*/
shape?: SkeletonShapeType;
/**
* Size of the Circle or Square.
*/
size?: string | undefined;
/**
* Width of the element.
* Default value is '100%'.
*/
width?: string | undefined;
/**
* Height of the element.
* Default value is '1rem'.
*/
height?: string | undefined;
/**
* Border radius of the element, defaults to value from theme.
*/
borderRadius?: string | undefined;
/**
* Type of the animation.
* @see SkeletonAnimationType
* Default value is 'wave'.
*/
animation?: SkeletonAnimationType;
}
declare class Skeleton {
$props: SkeletonProps;
export interface SkeletonSlots {
}
export declare type SkeletonEmits = {
}
declare class Skeleton extends ClassComponent<SkeletonProps, SkeletonSlots, SkeletonEmits> { }
declare module '@vue/runtime-core' {
interface GlobalComponents {
Skeleton: GlobalComponentConstructor<Skeleton>
}
}
/**
*
* Skeleton is a placeholder to display instead of the actual content.
*
* Demos:
*
* - [Skeleton](https://www.primefaces.org/primevue/showcase/#/skeleton)
*
*/
export default Skeleton;