# Polaroid

Instant photo in a white frame with a handwritten caption under the print. The print develops when the photo arrives, and pressing it picks it up off the board.

> Composed · Free · Data Display — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add polaroid
```

## Import

```tsx
import { Polaroid } from "@/components/ui/polaroid/polaroid";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `className?` | `string` | — |
| `image?` | `ImageSourcePropType` | The photo. |
| `children?` | `React.ReactNode` | Any content in place of a photo (a map, an illustration). |
| `caption?` | `React.ReactNode` | Handwritten caption — a string is set in the handwriting face; pass a  node for your own. |
| `width?` | `number` | Frame width in points. Default 188. |
| `aspectRatio?` | `number` | Print width / height. Default 1 (square). |
| `tilt?` | `number` | Resting tilt in degrees. Default 2. |
| `develop?` | `boolean` | Develop the print when the image arrives. Default true. |
| `haptic?` | `boolean` | Selection haptic as it lifts. Default true. |
| `disabled?` | `boolean` | — |
| `accessibilityLabel?` | `string` | — |

Source: https://lumioui.com/components/polaroid