Skip to content

docs(storybook): add StatusBadge to all component docs pages#748

Merged
QuintonJason merged 1 commit into
mainfrom
docs/add-status-badges-all-components
May 29, 2026
Merged

docs(storybook): add StatusBadge to all component docs pages#748
QuintonJason merged 1 commit into
mainfrom
docs/add-status-badges-all-components

Conversation

@QuintonJason

@QuintonJason QuintonJason commented May 27, 2026

Copy link
Copy Markdown
Contributor

Summary

Follow-up to #738 that rolls out lifecycle status badges to the remaining 32 component MDX pages. Every component docs page now renders <StatusBadge component="pds-*" />, reading Stable from component-status.json.

  • Adds StatusBadge import and badge markup to all component docs not covered in the initial proof-of-pattern PR (button, modal, table were already done)
  • No runtime component API changes — docs-only rollout

Stack: targets docs/add-status-badges (#738). Merge #738 first, then this.

Fixes #(no-issue)

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

  • unit tests
  • e2e tests
  • accessibility tests
  • tested manually
  • other:

Test Configuration:

  • Pine versions: current docs/add-status-badges branch
  • OS: macOS
  • Browsers: n/a (docs-only)
  • Screen readers: n/a
  • Misc: npx nx run @pine-ds/core:lint passes

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing tests pass locally with my changes
  • Design has QA'ed and approved this PR

Note

Low Risk
Documentation-only MDX edits; no runtime, API, or security impact.

Overview
Rolls out lifecycle status badges to the remaining Pine component Storybook MDX pages (32 components not covered in the initial pattern PR).

Each page now imports StatusBadge from stories/_helpers and renders <StatusBadge component="pds-*" /> immediately after <Meta />, so docs show Stable / Beta / Deprecated from component-status.json without opening the central status table. Docs-only — no component runtime or API changes.

Reviewed by Cursor Bugbot for commit 5265cdd. Bugbot is set up for automated code reviews on this repo. Configure here.

@github-actions github-actions Bot added documentation Improvements or additions to documentation package: core Changes have been made to the Core package labels May 27, 2026
@QuintonJason QuintonJason self-assigned this May 27, 2026
@QuintonJason QuintonJason force-pushed the docs/add-status-badges-all-components branch from c631917 to 639f99a Compare May 27, 2026 14:44
@QuintonJason QuintonJason requested a review from pixelflips May 29, 2026 14:49

@pixelflips pixelflips left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See non-blocking comments on #738 PR, otherwise LGTM!

Base automatically changed from docs/add-status-badges to main May 29, 2026 21:06
Roll out lifecycle status badges to the remaining 32 component MDX pages
so every component doc reads Stable from component-status.json.
@QuintonJason QuintonJason force-pushed the docs/add-status-badges-all-components branch from 639f99a to 5265cdd Compare May 29, 2026 21:13
@netlify

netlify Bot commented May 29, 2026

Copy link
Copy Markdown

Deploy Preview for pine-design-system ready!

Name Link
🔨 Latest commit 5265cdd
🔍 Latest deploy log https://app.netlify.com/projects/pine-design-system/deploys/6a1a0189261f3f0008ef0ae5
😎 Deploy Preview https://deploy-preview-748--pine-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@QuintonJason QuintonJason merged commit 2d6d123 into main May 29, 2026
21 checks passed
@QuintonJason QuintonJason deleted the docs/add-status-badges-all-components branch May 29, 2026 21:23
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 package: core Changes have been made to the Core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants