Files

Thomas Hallock 3308e22fd2 fix: display actual numbers in SVG examples

Fixed NumberFlow mock to properly render column values instead of placeholder text:
- Changed from <text> to <span> elements for foreignObject compatibility
- Ensured value prop is properly passed through to display actual numbers
- Examples now show correct place values (1,2,3 for basic-usage, 4,5,6 for interactive, etc.)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-09-19 15:41:17 -05:00

724 B

Raw Blame History

AbacusReact Examples

Generated SVG examples demonstrating various features of the AbacusReact component.

Files

basic-usage.svg - Simple abacus showing a number
interactive.svg - Clickable abacus with animations
custom-styling.svg - Personalized colors and highlights
tutorial-mode.svg - Educational guidance with tooltips

Usage in Documentation

These SVG files can be embedded directly in markdown:

![Basic Usage](./examples/basic-usage.svg)

Or referenced in HTML:

<img src="./examples/basic-usage.svg" alt="Basic AbacusReact Usage" />

Generated automatically by generate-examples.js using react-dom/server Last updated: 2025-09-19T20:40:59.799Z

724 B Raw Blame History

AbacusReact Examples

Files

Usage in Documentation

724 B

Raw Blame History