Find In View Bar
In panel find bar over a log view with a query input, live match count, previous and next navigation, and case and whole word toggles.
In panel find bar over a log view with a query input, live match count, previous and next navigation, and case and whole word toggles.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Find In View Bar is the in panel find toolbar over a streamed deploy log, a query input with a live match count, previous and next buttons that step a highlighted current match through the lines, and case sensitive (Aa) and whole word (W) toggles that visibly change what counts as a hit. The current match reads in a solid tint while the rest sit dimmed.
A match finder walks each line for the query and records every hit as a span range, so the toggles simply rerun the scan with different rules. Enter jumps to the next match and Shift with Enter steps back, mirroring a real editor.
Reach for this block over any long scrolling text surface, a log stream, a diff, or a transcript, where users search within the current view rather than across the whole app. Wire the input to an incremental matcher over the visible buffer.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the deploy log find bar. Other in view finders:
Tip: keep find scoped to what is on screen; a global search belongs in a separate palette, not this bar.