Placeholder
A placeholder preview for content before the data gets loaded, an alternative for spinners.
We have implemented 3 types of placeholder. You can use any of them depending on your need.
Basic example
js
import Card from "@/components/ui/Card";
import Grid from "@/components/skeleton/Grid";
import SkeletionTable from "@/components/skeleton/Table";
import ListLoading from "@/components/skeleton/ListLoading";
const Example = () => {
return (
<Card title="Example One">
<Grid count={3} />
</Card>
<Card title="Example Two">
<SkeletionTable count={3} />
</Card>
<Card title="Example Three">
<ListLoading count={3} />
</Card>
);
};