Dropdown Menu
@sushindustries/uiA menu hung off a button: the popover API for the layer, arrow keys for the list, and light-dismiss for free.
One paragraph on what this does and when to reach for it. This is the first
thing on the component's page and the line that goes into llms.txt, so it
should survive being read on its own.
tanstacktanstack add https://adamjurek.com/r/tanstack/dropdown-menu.json
shadcnpnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/dropdown-menu.jsonWhy it is built this way
The decision somebody would otherwise have to reverse-engineer from the source. Not what the code does - the source says that - but what it is avoiding.
What it does not do
The boundary. A component that lists what it is not is a component you can decide against in ten seconds.
Install commands are not written here
Anything in packages/ui/registry.ts gets its TanStack, shadcn and pnpm
commands appended to the bottom of this tab, along with its version,
dependencies and files. Do not add your own - the generated ones cannot go
stale, and a second copy immediately does.
Install
tanstack add https://adamjurek.com/r/tanstack/dropdown-menu.jsonpnpm dlx shadcn@latest add https://adamjurek.com/r/shadcn/dropdown-menu.jsonpnpm add @sushindustries/ui @sushindustries/atomsWhat you get
| Version | 0.1.0 |
| Category | layout · Overlays |
| Files | dropdown-menu.tsx |
| Dependencies | None |
| Also installs | iconIconThe glyph set, generated from a Markdown table where every drawing carries its reason. One component, typed names, no icon font.@sushindustries/ui · content |
| Tags | block, menu, popover, keyboard, no-deps |
No runtime dependencies
It brings nothing with it beyond the stylesheet.