# Login — Illustrated

Grown-ups sign in to a kids’ reading app with help from an owl who follows your typing and covers his eyes for the password. Success sends him hopping, and reader tiles can hand the phone straight to a child.

> Screen template — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/auth-login-illustrated
```

## Import

```tsx
import { LoginIllustratedScreen } from "@/screens/auth/login-illustrated";
```

## Registry dependencies

- `button` — /components/button
- `icon` — /components/icon
- `input` — /components/input
- `keyboard-avoiding` — /components/keyboard-avoiding
- `text` — /components/text

## Native packages

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

## Icons rendered

- `book-open` — /icons.html?i=book-open
- `mail` — /icons.html?i=mail
- `lock` — /icons.html?i=lock

Source: https://lumioui.com/screens/auth-login-illustrated