Skip to content

feat(#3713): add related component cards to component pages#3714

Open
twjeffery wants to merge 1 commit intodevfrom
brief-91-related-component-cards
Open

feat(#3713): add related component cards to component pages#3714
twjeffery wants to merge 1 commit intodevfrom
brief-91-related-component-cards

Conversation

@twjeffery
Copy link
Copy Markdown
Collaborator

@twjeffery twjeffery commented Mar 31, 2026

Summary

  • Add "Related components" section below tabs on component pages, showing mini cards with thumbnail, name, description, and category badge
  • Extract shared thumbnail utility from ComponentsGrid into lib/component-thumbnails.ts
  • Fix relatedComponents data: typo in input (textareatext-area), add missing bidirectional relationships for pagination, drawer, form-item, side-menu, button
image image

Test plan

  • Visit /components/button (3 related: Button Group, Icon Button, Link Button)
  • Visit /components/form-item (8 related: all form inputs)
  • Visit /components/modal (1 related: Drawer)
  • Visit /components/divider (section hidden, no visible peers)
  • Verify thumbnails load, hover underlines name, fallback shows for missing thumbnails
  • Check responsive wrapping on narrow viewport

Surface relatedComponents MDX data as mini cards below tabs on each
component page. Cards show thumbnail, name, description, and category
badge. Extract shared thumbnail utility from ComponentsGrid. Fix
relatedComponents data: typo in input, add missing bidirectional
relationships for pagination, drawer, form-item, side-menu, button.
@twjeffery twjeffery linked an issue Mar 31, 2026 that may be closed by this pull request
@Spark450 Spark450 requested a review from bdfranck March 31, 2026 15:49
@Spark450 Spark450 added the P3 Priority 3 (nice to have): Valuable, but safe to release after launch. label Mar 31, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

P3 Priority 3 (nice to have): Valuable, but safe to release after launch.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add related component cards to component pages

2 participants