# Tape

Strip of tape with torn ends for holding photos, notes and stickers to the page, plain or striped, with room for a handwritten word. Press it and the near end lifts off.

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

## Install

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

## Import

```tsx
import { Tape } from "@/components/ui/tape/tape";
```

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `className?` | `string` | — |
| `children?` | `React.ReactNode` | Text written on the tape (set in the handwriting face) or any content. |
| `width?` | `number` | Strip length in points. Default 104. |
| `height?` | `number` | Strip width in points. Default 28. |
| `tilt?` | `number` | Resting tilt in degrees. Default -6. |
| `tone?` | `"paper" | "kraft" | "primary"` | Material. Default "paper". |
| `pattern?` | `"plain" | "stripes"` | Washi pattern printed on the strip. Default "plain". |
| `haptic?` | `boolean` | Selection haptic as it lifts. Default true. |
| `disabled?` | `boolean` | — |
| `accessibilityLabel?` | `string` | — |

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