Skeleton

Installation

npx lovdacn@latest add skeleton

This copies the component source into your project (typically components/ui/skeleton.tsx) and installs any required dependencies.

Registry dependencies: utils

Usage

import { Skeleton } from "@/components/ui/skeleton"
import { View } from "react-native"

export function Example() {
  return (
    <View className="flex-row items-center gap-4">
      <Skeleton className="size-12 rounded-full" />
      <View className="gap-2">
        <Skeleton className="h-4 w-[200px]" />
        <Skeleton className="h-4 w-[160px]" />
      </View>
    </View>
  )
}

Styles

lvcn components are available across all style packs:

Style is set at project init via lvcn.json (style + styleEngine).

Platform

These components target Expo / React Native with NativeWind or Uniwind. They use Platform.select where web and native need different behavior.