# Liquid glass tab accessory: spec and references

Source: https://meniscus.site/components/tab-accessory · Updated 2026-10-02

A persistent strip above the tab bar for one ongoing task: a mini player, a running timer, an upload in progress. Layer: controls (floating).

Also called: bottom accessory, mini player, now playing bar, tab bar accessory.

| Property | Value |
|---|---|
| Material | regular |
| Profile | bevel |
| Geometry | its own capsule 48–56 tall (52), as wide as the tab bar row it sits on (the bar plus its search lens), 8 px above the bar; a flat artwork tile 32–36 (34, radius 8) at an inset of 8–10, title 13–14 weight 600 over a subtitle 12, then 1–2 flat 36–40 px icon buttons (play/pause, next). Inline, once the bar collapses on scroll: 44–48 tall (48) between the collapsed tab circle and the search lens with 8 px gaps, artwork 28–30, title only, one button |
| Bezel (px) | 18–22 (20 on a 52 strip) |
| Displacement (px) | 0.4 × bezel (8 at bezel 20) |
| Blur (px) | 2–6 |

## Anatomy

- a glass capsule of its own, separate from the tab bar
- flat artwork tile (an image, never glass)
- title and subtitle, one line each, truncated
- 1–2 flat icon buttons with a hover/press fill (white 34 % / 10 %), no glass of their own

## States

- expanded: 8 px above the tab bar
- inline: the tab bar has collapsed to one circle holding the selected tab; the accessory sits between that circle and the search lens
- playing / paused
- tap: opens the full player, growing from the strip

## Rules

- A separate glass body 8 px above the bar: never a second row inside the tab bar, never touching it.
- As wide as the tab bar row in both states; it moves inline when the bar collapses and back above it when the bar expands, with a spring.
- Everything inside is flat: the artwork is an image tile and the buttons are glyphs; no lens on a lens.
- One accessory at a time. The scroll-edge band behind the bar reaches 16 px above the accessory so its title holds 4.5:1.

## Reference renders

The tool attaches these images; each shows:

- Two phones over dunes: a feed scrolling under a glass mini player capsule above a floating tab bar with a separate search lens, and the collapsed form with the library tab, the player and the search lens as three bodies in one row. (light)
- Two dark phones over a night skyline: a feed scrolling under a glass mini player capsule above a floating tab bar with a separate search lens, and the collapsed form with the library tab, the player and the search lens as three bodies in one row. (dark)

## Use it with your assistant

This spec is what the Meniscus MCP server's `get_spec` tool returns for `tab-accessory`. Materials, colours, light and composition rules that apply to every component are in the [liquid glass guide](https://meniscus.site/liquid-glass). Connect: `claude mcp add --transport http meniscus https://meniscus.site/mcp` — setup for every client: https://meniscus.site/docs