SquibView Examples

A collection of examples demonstrating different ways to use SquibView, from basic integration to advanced features.

Basic ESM Example View

A simple example using SquibView as an ES module.

Basic UMD Example View

A simple example using SquibView as a UMD module.

Standalone ESM Example View

A simple example using the standalone ESM build of SquibView, loaded via ES modules.

Standalone UMD Example View

A simple example using the standalone UMD build of SquibView, loaded via script tags.

Lean ESM Build Example View

Advanced example using the lean ESM build with external dependencies for smaller bundle size.

CSV Example View

An example demonstrating CSV table rendering with SquibView. Supports comma, space, tab, and semicolon separators.

React Example View

A more complex example using the React wrapper for SquibView, demonstrating state management and custom controls.

Vue Example View

An example using the Vue wrapper for SquibView, demonstrating reactive state management and component integration.

Selection API Example View

Demonstrates the SquibView selection API for getting, replacing, and managing text selections.

Inline Diff Demo View

Compare inline diff view (blue additions, red deletions) with traditional side-by-side diff display.

Live Diff Demo View

Real-time cumulative diff view that updates automatically as you edit content.