Avatar

Installation

npx lovdacn@latest add avatar

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

Registry dependencies: utils

Usage

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Text } from "@/components/ui/text"

export function Example() {
  return (
    <Avatar alt="User">
      <AvatarImage source={{ uri: "https://github.com/shadcn.png" }} />
      <AvatarFallback>
        <Text>CN</Text>
      </AvatarFallback>
    </Avatar>
  )
}

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.