# Order Cancel

Cancel an order before it ships by choosing which items to send back and why, with the refund recalculating as you go. Sliding to confirm strikes through the order and starts a refund tracker.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/ecommerce-order-cancel
```

## Import

```tsx
import { OrderCancelScreen } from "@/screens/ecommerce/order-cancel";
```

## Registry dependencies

- `animated-number` — /components/animated-number
- `countdown` — /components/countdown
- `icon` — /components/icon
- `slide-to-confirm` — /components/slide-to-confirm
- `text` — /components/text

## Native packages

- react-native-reanimated@*
- react-native-safe-area-context@*
- react-native-svg@*

## Icons rendered

- `check` — /icons.html?i=check
- `chevron-left` — /icons.html?i=chevron-left
- `package` — /icons.html?i=package
- `x` — /icons.html?i=x
- `credit-card` — /icons.html?i=credit-card

Source: https://lumioui.com/screens/ecommerce-order-cancel