Skip to content

Work / Trunk / Wiki / Surfaces

components-kit

Surfacecanonicalverified 2026-10-21

SURFACE.WEB.COMPONENTS-KIT.KIT

Summary

Trunk Kit in this product: its version, what is used from it, and an update when one is out.

Raw wireframe

  • .context/designs/web/components-kit/kit.html

Why it is drawn this way

It is a row at the top of the Components panel, under New component: Trunk Kit, the version in use (1.0) and, when there is one, the version on offer (1.1). Like Figma's Libraries, it is where the kit is managed, not where components are edited.

Four numbers: version in use, used in this product (10), detached (1), not used yet (56).

An update is a banner, not a pop-up. "Trunk Kit 1.1 · Changes 3 of your components" opens components-kit-update.

Used in this product lists each component taken from the kit: its group, the kit version, where it is used, and whether updates reach it. Accordion is detached: Ritesh changed it past the kit, so it gets no updates, and the row says so.

Browse the kit opens the catalogue (components-start-from); Import a kit opens components-kit-import.

There is no -empty state: a product with nothing from the kit (Chitragupt Android) shows the same screen with 0 used, which needs no drawing of its own.

Related

Sources