Skeleton

Skeleton renders animated shimmer placeholders while content is loading.

Usage

SkeletonExample.tsx

import { Skeleton, Box } from '@masumdev/rn-ui';

export function SkeletonExample() {
  return (
    <Box gap="md">
      <Skeleton style={{ width: 64, height: 64, borderRadius: 32 }} />
      <Skeleton style={{ width: '100%', height: 20, borderRadius: 6 }} />
      <Skeleton style={{ width: '75%', height: 20, borderRadius: 6 }} />
    </Box>
  );
}

Props API

Prop	Type	Default	Description
style	StyleProp<ViewStyle>	—	Placeholder dimensions and border radius style.