Status: active Figma assembly contract.
Scope
Use this contract for one reusable Table Header cell. Whole-row layout belongs
to table-header-row.figma.md; table scroll and column widths belong to the
enclosing table composition.
Source Evidence
- Direct Figma evidence: published set
3395:383238, key825907d7b24368ae1024ab36f267b5bdf063f77a, contains 15 verified variants. - Owner key, exposed properties and exact node
3395:383238were read again on 2026-09-05 inEO9tuCsqwuHL8cZ4Eb2psRduring D-025. The read-only checks covered context, screenshot, metadata, and variables.
Required Assembly
- Dependency classification:
component.checkboxandcomponent.iconare optional because an ordinary text header is complete; classify only the visible selection or informational anatomy as Used. - Rule ID:
table.header-cell.published— use the publishedTable Headercomponent and its verified properties; never redraw a header cell. - Set
Alignment(LeftorRight),State(Default,Hover, orCheckbox), andSticky(No,Left, orRight) through variants. - Keep the full product column name in the component label. If it does not fit, widen the column and enclosing scroll minimum instead of abbreviating it.
- Use the built-in
Sortaffordance for sortable columns. UseCheckboxstate only for selection headers. A non-sort informational icon must be real component content beside the label.
Tokens And Sizing
- Preserve the
40pxheight,12pxhorizontal padding, and4pxlabel-to-affordance gap. - Preserve Google Sans Regular
11px/14pxsource typography, level-2#F6F6F9surface,#5F5F6Dtext/icon color, and#E0E0EBbottom separator. - Every variant has the bottom separator.
Sticky=Leftadds the end/right separator;Sticky=Rightadds the start/left separator.
Verification Checklist
table.header-cell.published: alignment, state, sort, checkbox, and sticky choices come from the published component model.- Header labels remain full and legible at the documented table minimum width.
- No whole-row Auto Layout, cell-placement, or screen-width rule is encoded in this molecule contract.