KQ-151 · SWING/DOOR
Swing Door
A hinged door with handle physics — drag it past the detent and it swings wide on the glide spring; let go early and it slams home, shuddering the frame and puffing a dust line at the jamb.
KQ-151 · SWING/DOOR
Stores HatchwayKQ-151
Stores hatchwayL-Hinge · Swg 104°
Coil Stock14
Damper Sets06
Seal Rings22
No. 302
Door · Shut
KQ-151 · Swing Door · Swg 104° · Detent 70° · P 800 · ζ 0.98
Drag the door past the detent - short pulls slam it home.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/swing-door
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | What waits in the doorway. |
| doorFace | ReactNode | — | Artwork on the door; defaults to a minted panel. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — | Controlled or uncontrolled door state. |
| height | number | 240 | Frame height in px. |