@wonderflow/react-components
Version:
UI components from Wonderflow's Wanda design system
40 lines • 1.19 kB
TypeScript
import { TokensTypes } from '@wonderflow/tokens/platforms/web';
export declare type SkeletonProps = {
/**
* Set the edge radius of each skeleton block.
* This value must be one of the available `radius` tokens
*/
borderRadius?: TokensTypes['radius'];
/**
* Set the block to be a circle, ignoring the `borderRadius` property.
*/
circle?: boolean;
/**
* Set how many skeleton blocks to display.
*/
count?: number;
/**
* Set the width of each skeleton block.
*/
width?: string | number;
/**
* Set the height of each skeleton block.
*/
height?: string | number;
/**
* Renders every block on their own line or in a single line.
*
* Note: By default, if a width is not specified, every items will fill the available space
*/
inline?: boolean;
/**
* Enable the shim animation and the announcement of the loading state.
*/
enableAnimation?: boolean;
/**
* Set the gap between stacked skeleton items.
*/
gap?: TokensTypes['space'];
};
export declare const Skeleton: FCChildrenClass<SkeletonProps>;
//# sourceMappingURL=skeleton.d.ts.map