@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
50 lines • 1.95 kB
TypeScript
import { CSProps } from '@workday/canvas-kit-styling';
/** Default Surface/Shimmer fill for skeleton placeholders (Shape, Header, Text lines). */
export declare const skeletonSurfaceFillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
backgroundColor: string;
}, never>, {}, {
backgroundColor: string;
}, never, never>;
export interface SkeletonShapeProps extends CSProps {
/**
* The width of the shape in `px` or `%`.
* @default 100%
*/
width?: number | string;
/**
* The height of the shape in `px` or `%`.
* @default 100%
*/
height?: number | string;
/**
* The borderRadius of the shape in `px` or `%`.
* @default 0
*/
borderRadius?: number | string;
/**
* The background color of the skeleton
* @default Surface shimmer gradient (`surface.alt.strong` → `surface.loading`); override with a solid color
*/
backgroundColor?: string;
}
export declare const skeletonShapeStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
width: string;
height: string;
borderRadius: string;
backgroundColor: string;
}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
backgroundColor: string;
}, never>, {}, {
backgroundColor: string;
}, never, never>>, {}, {
width: string;
height: string;
borderRadius: string;
backgroundColor: string;
}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
backgroundColor: string;
}, never>, {}, {
backgroundColor: string;
}, never, never>, never>;
export declare const SkeletonShape: import("@workday/canvas-kit-react/common").ElementComponent<"div", SkeletonShapeProps>;
//# sourceMappingURL=SkeletonShape.d.ts.map