# Tab Vert Row — Figma Assembly Rules

<!-- figma-assembly.v2
{ "schemaVersion":"figma-assembly.v2", "id":"component.tab-vert-row", "level":"organism", "kind":"published", "aliases":["Tabs Vert Row","Tabs_vert_row","Vertical Tabs","Tab Vert Row"], "uxSpec":"specs/ux/components/organisms/tab-vert-row.md", "inventoryTarget":"tab-vert-row", "componentKeys":["2458c77021bbae55425a32d0bf21d143d38c15ed"], "dependencies":[], "optionalDependencies":[], "coveredBy":[] }
-->

Status: active Figma assembly evidence contract.

## Scope

This sidecar records the verified published vertical-Tabs component set in the
UI kit. It governs the visible Figma assembly only; the Angular API and
keyboard behavior belong to the linked UX contract. Do not replace the verified
key with a guessed or recreated Figma master.

## Source evidence

- Figma file: `EO9tuCsqwuHL8cZ4Eb2psR`.
- Direct source frame:
  [🟣 🚛 Tabs_vert_row](https://www.figma.com/design/EO9tuCsqwuHL8cZ4Eb2psR/%F0%9F%9A%9B-WB-Logistics-UI-kit?node-id=14932-67620)
  (`14932:67620`, 480×244).
- Published component-set key:
  `2458c77021bbae55425a32d0bf21d143d38c15ed`.
- `Stroke=Off` component: `13744:18022`, 220×224, key
  `18c9f48611462d15d4aca2db6185dfe660834dd1`.
- `Stroke=On` component: `14932:67631`, 220×224, key
  `dc3fa7060a0c5d37ee12dcd391548500d1eaeb62`.

## Verified assembly

- Rule ID: `tab-vert-row.layout` — stack items vertically and stretch them to
  the 220px reference width. Each `_tab_vertical` row has 10px inline and 6px
  block padding, with one flexible text slot.
- Rule ID: `tab-vert-row.selection` — the selected row has a 2px left
  `stroke/accent` indicator, Body/bodyAccent (medium, 15/20), and
  `text icon/accent`; unselected rows use Body/body (regular, 15/20) and
  `btn/Flat Sec (txt)/pressed`.
- Rule ID: `tab-vert-row.stroke` — with `Stroke=On`, add a 1px left
  `stroke/secondary` to the container. With `Stroke=Off`, omit that container
  border.

## Dependency classification

No required or optional project-component dependency is declared. The nested
Figma layers `_tab_vertical` and `TabText` have not been verified as published
WB Logistics component owners, and `component.tab-standard` has different
horizontal anatomy. Do not infer a dependency from visual similarity.

## Verification checklist

- `tab-vert-row.stroke`: the selected indicator remains a 2px accent line in
  both Stroke variants; only the container's secondary 1px line changes.
- `tab-vert-row.selection`: selected and unselected labels use the verified
  15px/20px accent and regular body roles.
- `tab-vert-row.layout`: labels are text-only, full-width rows; no icon, badge,
  disabled, loading, or error state is asserted from this source.