Skeleton
Use to show a placeholder while content is loading.
# Demo
# Attributes
Name | Type | Default | Details |
---|---|---|---|
className | string | ' ' | You can customise by passing tailwind classes. |
# Usage
import { NSkeleton } from 'nayan';
const Skeleton = () => {
return (
<div className="flex items-center space-x-4">
<NSkeleton className="h-12 w-12 rounded-full" />
<div className="space-y-2">
<NSkeleton className="h-4 w-[250px]" />
<NSkeleton className="h-4 w-[180px]" />
</div>
</div>
);
};
export default Skeleton;