Skip to content

feat: add search demo to isolated frame#194

Merged
rgbkrk merged 1 commit intomainfrom
quill/chiang-mai-v2
Mar 4, 2026
Merged

feat: add search demo to isolated frame#194
rgbkrk merged 1 commit intomainfrom
quill/chiang-mai-v2

Conversation

@rgbkrk
Copy link
Member

@rgbkrk rgbkrk commented Mar 4, 2026

Summary

Adds a search/find feature demo to the IsolatedFrame documentation page. The demo showcases text search within iframe content with highlighting, case-sensitivity toggle, and match navigation.

  • New "search" variant in IsolatedFrameDemo with interactive search UI
  • Search results highlighted in yellow, active match in orange
  • Case-sensitive toggle and prev/next navigation buttons
  • Match counter displays current position (e.g., "3/5")
  • Updated IsolatedFrameHandle documentation to include search methods
  • Added message type documentation for search/search_results

Test Plan

  • Visit /docs/outputs/isolated-frame and scroll to "Global Find (Search)"
  • Type search terms like "accuracy", "model", or "training"
  • Verify matches highlight yellow in the iframe
  • Click prev/next buttons to navigate between matches
  • Toggle case sensitivity to filter results
  • Verify match counter updates correctly

Looking good!

image

Adds a new "search" variant to IsolatedFrameDemo that showcases:
- Text search input with debounced query
- Case-sensitive toggle
- Previous/next navigation between matches
- Match counter (e.g., "3/5")

Also updates isolated-frame.mdx documentation:
- Adds "Global Find (Search)" section with live demo
- Documents search/searchNavigate handle methods
- Adds search message types to architecture section
@vercel
Copy link

vercel bot commented Mar 4, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
nteract-elements Ready Ready Preview, Comment Mar 4, 2026 7:52pm

Request Review

@rgbkrk rgbkrk merged commit 196b419 into main Mar 4, 2026
8 checks passed
@rgbkrk rgbkrk deleted the quill/chiang-mai-v2 branch March 4, 2026 19:58
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