# PageLoading

> A loading screen in CSS alone, so it moves before JavaScript runs. The command types itself, and the list of what is loading appears only if the wait passes 2.2s.

Section: Feedback. Docs: https://entrepta.vercel.app/docs/components/page-loading

## Install

```bash
npx @entrepta/cli@latest add page-loading
```

Files: `feedback/page-loading.tsx`.
No npm packages.

## Usage

```tsx
import { PageLoading } from "@/components/entrepta/page-loading"

// app/log/loading.tsx
export default function Loading() {
  return (
    <PageLoading
      command="ls ./log"
      crumb="log"
      label="the log"
      steps={["reading entries", "reading covers"]}
    />
  )
}
```

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `command` | `string` | - | The command the loaded page prints |
| `crumb` | `string` | - | Breadcrumb after ~ |
| `steps` | `string[]` | - | Shown only on a long wait |
| `label` | `string` | - | Announced once: Loading {label} |