React Khatra Placeholder

screenshot of React Khatra Placeholder

A react compound component library for creating skeleton placeholders.

Overview

The React Khatra Placeholder is a react component library used for creating skeleton placeholders. It allows users to display loading states and custom placeholders while content is being loaded. It also provides built-in placeholders with different animations.

Features

  • isLoading: A boolean state to hide or show content.
  • delay: Allows users to add a delay in milliseconds between changing the state from loading to loaded, useful for avoiding fast flicker in faster network devices.
  • customPlaceholder: Users can create their own custom placeholder to display while content is loading.
  • type: Provides built-in placeholder options such as "ListMediaPlaceholder," "ProductPlaceholder," "ImagePlaceholder," and "ParagraphPlaceholder."
  • animateWave: Triggers a shimmer animation on placeholders.
  • animateGlow: Triggers a glow animation on placeholders.
  • style: Allows for custom CSS styling.
  • className: Allows for custom CSS class names.

Summary

The React Khatra Placeholder is a useful component library for creating skeleton placeholders in React.js applications. It provides various options for creating placeholders and allows for customization with CSS styling. By using these placeholders, developers can create a better user experience by visually indicating content loading states.