# Card > Atom — orn-ui > ⚠️ Requires : This component (like every orn-ui component) must render inside a ancestor, or it throws at runtime. See https://orn-ui-docs.vercel.app/getting-started.md > Runs on Expo SDK 54, 55, 56 and 57, and on bare React Native >=0.81 with react >=19.1. No native modules — works in Expo Go, no prebuild. ## Installation Install just this component (copies the source into your project, no npm dependency) ```bash npx orn-ui add card ``` Or install the whole package and import it ```tsx pnpm add orn-ui import { Card } from 'orn-ui/card'; ``` Depends on: core (theme + icons) ## Variants ### Default ```tsx Invoice #1042 Due in 5 days · $340.00 ``` ### Composed ```tsx Invoice #1043 ``` ### Custom style ```tsx Highlighted card ``` ## Full demo source ```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 | Name | Type | Default | Description | |---|---|---|---| | `style?` | `ViewStyle` | — | — |