docs(components): enable and document the resizable example preview

[markdumay]

Companion to gethinode/hinode#2019, which added the resize argument to the example shortcode. Requires Hinode ≥ v3.2.0.

What this does

Documents the feature. Adds a "Resizable preview" section to components/example.md telling readers the corner is draggable — and, crucially, stating what the grip does not do:

The grip demonstrates fluid reflow — content wrapping, text truncation, tables gaining a scrollbar, images scaling. It does not trigger responsive breakpoints. Bootstrap 5's responsive classes (navbar-expand-*, col-md-*, and similar) are viewport media queries, so they respond to the size of the browser window, not the size of the preview.

Without that, the feature over-promises: a reader drags a navbar preview, nothing collapses, and they reasonably conclude the theme is broken.

Enables the grip on six pages, one representative example each: navs-and-tabs, breadcrumb, table, image, carousel, card.

Why those six, and not the others

A component is eligible only if narrowing its container produces real reflow via flex-wrap or intrinsic sizing. Verified against Bootstrap's own SCSS, then measured in a browser:

Component	Measured on narrowing	Clipped?
navs-and-tabs	.nav has flex-wrap: wrap — tabs wrap 1 → 2 → 3 rows	No
breadcrumb	flex-wrap: wrap — wraps 2 → 3 → 4 rows	No
table	.table-responsive scroller tracks the container	No
image	img-fluid scales 326 → 150 → 100px	No
carousel	scales 326 → 200 → 100px, ratio preserved	No
card	reflows, height adjusts	No

Rejected, with reasons:

• navbar — navbar-expand-* compiles to a viewport media query, so the grip squeezes the navbar without ever collapsing it into the toggler. This is Bootstrap's own showcase for the feature, and on Bootstrap 5 it is the single most misleading place we could put a grip.
• card-group, timeline — driven by viewport media queries; they would sit frozen at their desktop layout while shrinking.
• button-group, pagination — no flex-wrap, so they get clipped by the overflow: hidden that resize requires.
• tooltip, popover, toast, modal, dropdown — overlays escaping the preview box get clipped.
• map — Leaflet needs invalidateSize() on container resize and would render broken.
• badge, kbd, abbr, mark, spinner, icon — nothing to see.

Both JS-managed risks were checked in a browser: neither the DataTables integration nor the Bootstrap carousel caches its layout, so no JavaScript redraw is needed.

Merge order

Hinode v3.2.0 is released and carries the argument, so this is safe to merge. Note go.mod has no require on hinode, so nothing enforces the floor — a site on an older Hinode that bumps mod-docs alone will fail loudly (unsupported argument 'resize', build exits 1) rather than silently. Worth stating the v3.2.0 minimum in the release notes.

🤖 Generated with Claude Code

[markdumay]

🎉 This PR is included in version 1.15.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀