Edit On Github Link

Updated 2 months ago

Style

Visual design rationale for the edit-on-github-link component.

Token Mapping

  • Link text: {semantic.interactive-primary}
  • Visited/secondary state: {semantic.ink-secondary}

Structure

A single inline <a> element (ps-edit-link class) — no container, no icon by default. If an icon is added later, it renders before the label and is sized to the label's cap height, matching the pattern used elsewhere in the substrate (e.g. Button's optional leading icon).

Important Information

Design System disclosure

This site provides open-source design tokens, documentation, and self-hostable software published by Woodfine Capital Projects Inc. Information here is for general reference only and does not constitute an offer, warranty, or a guarantee of fitness for any particular purpose. Statements regarding planned, intended, or targeted future features are forward-looking and subject to change without notice; they are not undertaken to be updated except as required by law.