Catman · Foundations

One open

Keeps one hover card open at a time. Sweep across a row of badges and the card follows the pointer instead of stacking. Used by price-position and price-trend; use it for your own hover cards.

@twelfth/one-openlib

Examples

A row of hover cards

Move quickly from one to the next.

Installation

1. Add the block. It brings what it builds on with it.
terminal
```
npx shadcn@latest add https://ui.twelfth.ai/r/one-open.json
```
2. Optional: register the namespace in components.json to write npx shadcn add @twelfth/one-open from then on.
components.json
```
{
  "registries": {
    "@twelfth": "https://ui.twelfth.ai/r/{name}.json"
  }
}
```

API reference

useOneOpen()

Prop	Type	Default	Description
returns	[open: boolean, onOpenChange: (open) => void]	—	Pass straight to a controlled Popover or Tooltip.

Examples

A row of hover cards

Installation

API reference

useOneOpen()

No bad cookies on these shelves.