Dock
@sushindustries/uiA launcher, what is open, and a corner. Search opens in the middle of the screen.
tanstacktanstack add https://adamjurek.com/r/tanstack/dock.json
shadcnpnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/dock.jsonThree parts
| Part | Is |
|---|---|
| The search control | a pill with a magnifier. It opens a window on the desk |
| The tasks | one button per open window; pressing one raises it |
| The corner | whatever the consumer puts there. On this site: a reset, a LinkedIn link and a clock |
It has no state
Every version of this that held its own open flag, its own query and its own results grew a second way to do something the desk already did. What is left is a row of buttons and three callbacks: raise this, close this, open search.
Install
tanstack add https://adamjurek.com/r/tanstack/dock.jsonshell
pnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/dock.jsonshell
pnpm add @sushindustries/ui @sushindustries/atomsshell
What you get
| Version | 0.1.0 |
| Category | layout · Page structure |
| Files | dock.tsx, icon.tsx |
| Dependencies | None |
| Tags | block, navigation, search, no-js, no-deps |
No runtime dependencies
It brings nothing with it beyond the stylesheet.