# Onboarding

Show off a design tool through real product moments: layers snapping into place, a light and dark split you drag with your finger, and an export that stamps its file card. Paged with dots, Continue and Skip.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/auth-onboarding
```

## Import

```tsx
import { OnboardingScreen } from "@/screens/auth/onboarding";
```

## Registry dependencies

- `button` — /components/button
- `icon` — /components/icon
- `image` — /components/image
- `success-seal` — /components/success-seal
- `text` — /components/text

## Native packages

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

## Icons rendered

- `search` — /icons.html?i=search
- `moon` — /icons.html?i=moon
- `sun` — /icons.html?i=sun
- `package` — /icons.html?i=package
- `file-text` — /icons.html?i=file-text

Source: https://lumioui.com/screens/auth-onboarding