KQ-093 · SLAT/WALL
Slat Wall
A louver wall — content sliced across horizontal slats that each rotate on their own axis in a cascading wave to swap between two faces; every slat is a window onto the full face, so any content survives the slicing.
KQ-093 · SLAT/WALL
DUTY LOUVERS · 07 SLATS
KQ-093
FACING · ROSTER
Press the wall - seven louvers carry the swap in a wave.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/slat-wall
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| a / b | ReactNode / ReactNode | — | The wall's two full-size faces. |
| side / defaultSide / onSideChange | "a" | "b" / same / (side) => void | — | Controlled or uncontrolled facing side. |
| slats / height | number / number | 7 / 220 | Louver count and wall height. |
| aria-label | string | — | Required — the wall is one switch button. |