SkeletonLoader

Use ESkeletonLoader component provides a smooth loading experience by displaying placeholder content while data is being fetched. Demo Here

Import

import ESkeletonLoader from "@components/Elements/ESkeletonLoader";

Usage

<ESkeletonLoader variant='line'/>

Props

For ESkeletonLoader component, the following props are available:

Prop	Type	Default	Note
listItems	Number	5	Specifies the number of list items.
tableCols	Number	5	Specifies the number of table columns.
tableRows	Number	5	Specifies the number of table rows.
avatarSize	String	"md"	The avatar variant of ESkeletonLoader element has three predefined sizes: sm, md, lg.
variant	String	"paragraph"	The ESkeletonLoader element can be represented in many ways. @values: paragraph, line, circle, image, avatar, card, list, table-simple, table-avatar
className	String	-	Overrides or extends the component's styles.