Skip to content

Instantly share code, notes, and snippets.

@milsyobtaf

milsyobtaf/readme.md Secret

Last active September 11, 2025 23:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save milsyobtaf/dce06de5e5447d30c1817374d34dd975 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save milsyobtaf/dce06de5e5447d30c1817374d34dd975 to your computer and use it in GitHub Desktop.
Download ZIP
Token Documentation - Code Samples for Dustin Younse
Raw
readme.md

Token Documentation - Code Samples for Dustin Younse

This is a code snippet demonstrating a structure I built to document the token system on our design system website.

The website was built using gatsby.js, the documentation content came from a json export of our tokens package, and the tokens table is a custom React component to display the content.

Images are attached to show the overview of the page as well as an animated portion of the page.

Relevant files, can be found below in the body of the gist

  • tokens-table.js: Original page content in mdx format

Media to illustrate this work

This is a screenshot of the entire page

tokens-fundamentals.png

This is a video of the table in action

tokens-animated.mp4
Raw
tokens-animated.mp4
This file has been truncated, but you can view the full file.
View raw
Raw
tokens-table.js
View raw

(Sorry about that, but we can’t show files that are this big right now.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment