Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

feat(genesis): add GnDocsBadge primitive#463

Draft
johnleider wants to merge 3 commits into
devvuetifyjs/0:devfrom
feat/gn-docs-badgevuetifyjs/0:feat/gn-docs-badgeCopy head branch name to clipboard
Draft

feat(genesis): add GnDocsBadge primitive#463
johnleider wants to merge 3 commits into
devvuetifyjs/0:devfrom
feat/gn-docs-badgevuetifyjs/0:feat/gn-docs-badgeCopy head branch name to clipboard

Conversation

@johnleider

Copy link
Copy Markdown
Member

Description

Adds GnDocsBadge to @paper/genesis — a static label/tag primitive for skill levels, skill modes, category tags, and similar docs-site chrome. Genesis Phase 2 roadmap item (pulled ahead of Callout/CodeGroup since it pays down proven duplication in apps/docs).

API: color (any CSS color; drives a color-mix background+text tint), backgroundOpacity (0–100, default 15), shape (rounded | pill), title. Label via default slot; optional leading icon via icon slot (no default) — the wrapper is aria-hidden and slotted icons keep their own dimensions.

Notes

  • Shape variant styles via data-shape per the genesis data-attribute idiom.
  • Visual parity with the docs badge-base shortcut (font-weight 600, line-height 1rem, gap/padding/radius identical).
  • .genesis-docs-badge__icon:empty guards passed-but-empty icon templates.
  • Second commit syncs SPEC.md with the shipped GnDocsExample surface (theme/showPlayground/showBin props, playground/bin icon slots, per-example theme override marked shipped, token-table gaps).

The apps/docs migration (SkillLevelBadge/SkillModeBadge/SkillCategoryTags → GnDocsBadge, then deleting the local DocsBadge) lands as a follow-up PR.

@johnleider johnleider added this to the v1.0.0 milestone Jul 2, 2026
@johnleider johnleider added documentation Improvements or additions to documentation enhancement New feature or request paper Paper layer (unstyled component bridge) labels Jul 2, 2026
@johnleider johnleider self-assigned this Jul 2, 2026
@pkg-pr-new

pkg-pr-new Bot commented Jul 2, 2026

Copy link
Copy Markdown

Open in StackBlitz

commit: 9a84f2a

@johnleider johnleider removed this from the v1.0.0 milestone Jul 2, 2026
@johnleider
johnleider changed the base branch from master to dev July 23, 2026 14:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation enhancement New feature or request paper Paper layer (unstyled component bridge)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Morty Proxy This is a proxified and sanitized view of the page, visit original site.