title: Card

Card

Content container with theme-aware background and optional border.

Usage

import { View, Text } from "react-native";

<View className="bg-card rounded-md p-4">
  <Text className="text-foreground font-bold">Title</Text>
  <Text className="text-muted-foreground mt-2">Subtitle</Text>
</View>

Product card pattern

<Pressable className="bg-card rounded-md overflow-hidden">
  <Image source={{ uri }} className="w-full aspect-square" />
  <View className="p-3">
    <Text className="font-bold uppercase">{product.name}</Text>
    <Text className="text-muted-foreground">${product.price}</Text>
  </View>
</Pressable>