Skip to content

feat(react): add Marquee component#70

Merged
wangdicoder merged 2 commits intomasterfrom
feat/marquee-component
Mar 22, 2026
Merged

feat(react): add Marquee component#70
wangdicoder merged 2 commits intomasterfrom
feat/marquee-component

Conversation

@wangdicoder
Copy link
Owner

Summary

  • Add new Marquee component for infinite horizontal scrolling content
  • Props: direction (left/right), duration, gap, pauseOnHover, fade (edge mask), infinite (loop or play once)
  • Uses CSS-only animation with duplicated children for seamless looping
  • Includes 4 demos: Basic, Direction, Speed, Cards (two-column layout)
  • Refactor home page theme showcase to use the new Marquee component
  • 13 unit tests with full coverage of all props

Release

  • Bump type: minor
  • Affected packages: @tiny-design/react (fixed group: react, tokens, icons)

Test plan

  • pnpm build — all packages build successfully
  • pnpm --filter @tiny-design/react test — all tests pass
  • Visit /components/marquee — all 4 demos render without horizontal scroll
  • Visit home page — theme showcase marquee scrolls smoothly, cards not clipped
  • Hover on marquee rows — animation pauses
  • Verify no horizontal page scroll on either page

🤖 Generated with Claude Code

wangdicoder and others added 2 commits March 22, 2026 16:07
Extract the infinite scrolling marquee effect from the home page into a
reusable Marquee component. Supports configurable direction, duration,
gap, pause-on-hover, edge fade mask, and infinite/once play modes.
Refactor the home page theme showcase to use the new component.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@wangdicoder wangdicoder merged commit 36cad31 into master Mar 22, 2026
1 check passed
@github-actions github-actions bot mentioned this pull request Mar 22, 2026
@wangdicoder wangdicoder deleted the feat/marquee-component branch March 22, 2026 10:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant