Skeleton

Skeleton components provides a standard way to build a skeleton loading view with shimmer animation.

Storybook failed to load.

bpk-component-skeleton

Backpack skeleton component.

Installation

Check the main Readme for a complete installation guide.

Usage


                                                
                                                import BpkSkeleton, {
                                                  SKELETON_TYPES,
                                                  SIZE_TYPES, 
                                                  IMAGE_SKELETON_STYLE 
                                                } from '../../packages/bpk-component-skeleton';
                                                
                                                export default () => (
                                                  <div>
                                                    <BpkSkeleton type={SKELETON_TYPES.image} size={{width: '7rem', height: '6rem'}} style={IMAGE_SKELETON_STYLE.rounded} />
                                                    <BpkSkeleton type={SKELETON_TYPES.bodyText} size={SIZE_TYPES.small} />
                                                  </div>
                                                );

Props

Storybook failed to load.