Components

Platform behavior

Report what this browser supports without changing the example’s own fallback, and run view transitions in an isolated document.

Feature support

(field-sizing: content) Checking…

(not-a-css-property: value) Checking…

The report uses CSS.supports() after hydration; the example keeps its native fallback.

View transitions

A change of view

Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.

Used on the View transitions guide.

Usage and interface

DemoFeatureSupport shows the condition as inline code and a dot ui-badge with the result: green when supported, neutral when the fallback applies.

<DemoFeatureSupport condition="(field-sizing: content)" /><ProjectStyleExample name="nativeField" />

DemoViewTransition loads a dedicated example page in a DemoViewport, so the root snapshot never captures the documentation. Reduced motion and an unavailable API use the same immediate update.