# Slabs

> Three isometric portal slabs that float apart at rest and assemble as the form fills.

Source: https://ui.jcsoftdev.com/docs/components/slabs

Three isometric portal slabs that float apart at rest and assemble as the form fills.

## Import

```ts
import { Slabs } from "@jcsoftdev/ui/auth";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/auth/slabs`.

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `state` * | `"error" \| "typing" \| "success" \| "idle" \| "password"` |  |  |
| `progress` * | `number` |  |  |
| `activeIndex` * | `number` |  |  |
| `uid` * | `string` |  | Unique within the page; names the halftone pattern. |

`*` marks a required prop.

## Source

`packages/ui/src/auth/slabs/slabs.tsx`