wbDesign Wiki
Storybook

Link — Figma Assembly Rules

Скачать .md ↓
Angularatom

Status: active Figma assembly contract.

Scope

Use this contract for the standalone WB Logistics Link component. Table-cell placement and destination behavior are owned by the enclosing table or screen.

Source Evidence

  • Direct Figma evidence: standalone Figma Link node 6423:60745 passed design-context and screenshot checks.

Required Assembly

  • Dependency classification: component.icon is optional because Link has a valid text-only state; classify it as Used only when the icon control is on.
  • Rule ID: link.published — use the published Link instance and its native content/state controls; never layer a local underline or color treatment.
  • Use the library Link component for accent link text instead of recreating its text treatment manually.
  • Set the label as the component text and use the optional icon control only when the design requires an adjacent icon.
  • Use the recorded state variant (Default, Hover, Pressed, Disabled, or Focused) only for a visual state example. Do not create duplicate components merely to represent a state.
  • Keep icon choice, text, and state inside the Link instance; cell padding, truncation, and surrounding content belong to the parent composition.

Tokens And Parity

  • Preserve the component's accent text, dotted underline, disabled text, and focus treatment as library-controlled Figma styling.
  • Runtime underline and focus behavior intentionally differ from the inspected Figma visual. Keep the discrepancy as an Open Question; do not alter a Figma instance to imitate runtime styling.

Verification Checklist

  • link.published: the exact published Link owner key is retained.
  • The link is a Link instance with the intended text, optional icon, and state.
  • No local underline, color, or focus-outline replacement is layered on top.
  • Table-cell layout rules have not been copied into this standalone contract.
WB Logistics · Design SystemСборка 91da5ae

Поиск по Wiki

Начните вводить название или текст