Liquid Glass for the web: the rim refraction, light and motion of iOS 27 glass on any rounded element. React bindings and pill tabs. MIT.
| 1 | # @colineapp/liquid-glass |
| 2 | |
| 3 | > Liquid Glass for the web: the rim refraction, light and motion of iOS 27's glass on any rounded element, with React bindings, menus that pour out of their button, and segmented tabs whose thumb clears into a lens. MIT. |
| 4 | |
| 5 | Version 0.2.0. Install: `npm install @colineapp/liquid-glass` |
| 6 |
| 7 | ### attachLiquidGlassHighlight(surface, options?) |
| 8 |
| 9 | - Type: `(surface: HTMLElement, options?: { items?: string }) => { update(), destroy() }` |
| 10 | - Group: More exports |
| 11 |
| 12 | Gives a glass surface's rows a hover pill: a well that slides to the row under the pointer or with focus. Each edge rides its own spring, so it stretches toward the row it is heading for and gathers up as it lands. Finds menu items and options by default. |
| 13 |
| 14 | ```ts |
| 15 | attachLiquidGlassHighlight(menu, { items: '[role="option"]' }); |
| 16 | ``` |
| 17 |
