KQ-158 · ZIPPER/SEAM
Zipper Seam
Fabric halves joined by a toothed seam — draw the pull down and they part in a V above it, teeth shearing aside along the edges, with a shiver when the yank lands fully open.
KQ-158 · ZIPPER/SEAM
Specimen PouchKQ-158
POUCH · SEALED
KQ-158 · Zipper Seam · V 52% · 14 teeth/side · ζ 0.83
Draw the pull - the seam parts in a V above it.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/zipper-seam
Props
- children
- ReactNode
- default —
- What lies in the seam.
- progress / defaultProgress / onProgressChange
- number / number / (progress) => void
- default —
- Controlled or uncontrolled 0-100 opening; fires on settle.
- height
- number
- default 260
- Stage height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | What lies in the seam. |
| progress / defaultProgress / onProgressChange | number / number / (progress) => void | — | Controlled or uncontrolled 0-100 opening; fires on settle. |
| height | number | 260 | Stage height in px. |