demo · v150

Live Form Preview

A product configurator where each dropdown contains real <selectedcontent> mirrors for a toolbar chip, breadcrumb step, and summary row. Chrome 150 keeps every descendant mirror in sync when the selected option changes.

Checking selectedcontent multi-mirror support…
Real selectedcontent descendants updated on last change: —
Color
Size
Material
Order Summary
Custom Product
Color —
Size —
Material —
Base price $49.00
Total $49.00
Update log
<select name="color">
  <button>
    Button: <selectedcontent></selectedcontent>
    <span class="toolbar-chip">
      <selectedcontent></selectedcontent>
    </span>
    <span class="breadcrumb">
      <selectedcontent></selectedcontent>
    </span>
    <span class="summary">
      <selectedcontent></selectedcontent>
    </span>
  </button>

  <option value="black">Black</option>
</select>

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗