Skeleton

A Skeleton component is a placeholder UI element that represents the layout of content before it loads. Built on top of heroui-native Skeleton.

Demo

Demo Coming Soon

Skeleton examples will be available soon.

Usage

import { NSkeleton } from '@nayan-ui/react';


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;

Attributes

NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.

Tags

React Native SkeletonReact Native Skeleton LoaderReact Native Loading SkeletonMobile Skeleton React NativeReact Native Skeleton ComponentReact Native Skeleton LibraryReact Native Skeleton PlaceholderReact Native Shimmer SkeletonReact Native Content LoaderReact Native Loading PlaceholderReact Native Skeleton ScreenReact Native Ghost LoadingMobile Skeleton ComponentCross Platform SkeletonExpo Skeleton ComponentReact Native Skeleton TutorialReact Native Skeleton TypeScriptReact Native Skeleton UI