Image tile · Components

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

Rounded image with a muted placeholder while loading or when there is nothing to show.

<ImageTile source? ratio? caption? fallbackIcon? />

Already in every copy of the native kit:

import { ImageTile } from '@/components/kit/image-tile';

Exports: ImageTile
Source: apps/mobile/components/kit/image-tile.tsx
Packages: lucide-react-native@^1.21.0
Installs with: @kit-native/icon, @kit-native/lib-utils, @kit-native/placeholder, @kit-native/text
Also searched as: image, photo, thumbnail, placeholder, cover
Registry JSON: /r/native/image-tile.json

The web kit's real component, live. Follows this site's theme.

Rounded image with a muted placeholder while loading or when there is nothing to show.

<ImageTile src? alt? ratio? caption? fallbackIcon? seed? />

Already in every copy of the web kit:

import { ImageTile } from '@/components/kit/image-tile';

Agents: the whole registry is at /llms.txt.