# Card > Atom — orn-ui > ⚠️ Requiere : Este componente (como todos los de orn-ui) debe renderizarse dentro de un ancestro , o lanza un error en runtime. See https://orn-ui-docs.vercel.app/getting-started.md > Corre en Expo SDK 54, 55, 56 y 57, y en React Native puro >=0.81 con react >=19.1. Sin módulos nativos — funciona en Expo Go, sin prebuild. ## Instalación Instala solo este componente (copia el código fuente a tu proyecto, sin dependencia npm) ```bash npx orn-ui add card ``` O instala el paquete completo e impórtalo ```tsx pnpm add orn-ui import { Card } from 'orn-ui/card'; ``` Depende de: core (theme + icons) ## Variantes ### Default ```tsx Invoice #1042 Due in 5 days · $340.00 ``` ### Composed ```tsx Invoice #1043 ``` ### Custom style ```tsx Highlighted card ``` ## Código completo del demo ```tsx const variants: VariantDef[] = [ { label: 'Default', content: ( Invoice #1042 Due in 5 days · $340.00 ), }, { label: 'Composed', content: ( Invoice #1043 ), }, { label: 'Custom style', content: ( Highlighted card ), }, ]; return ; ``` ## Props | Nombre | Tipo | Por defecto | Descripción | |---|---|---|---| | `style?` | `ViewStyle` | — | — |