DRYL COMPONENTS
Color mode: System — switch to light
3.0.0
Layout

DrylMorph

Gives any content a transition ID, so the same object travels between an overview and a detail view instead of the screen cutting between two states. Wrap the same Name around both sides, run the state change through IDrylMorph.RunAsync, and the browser morphs position, size and opacity. Style picks the tier, As the rendered tag, Active which instance claims the name.

Overview to detail

Tier

Kepler-22b

Super-Earth

Proxima b

Terrestrial

TRAPPIST-1e

Terrestrial

One name in a long list

Twenty rows, one transition name. Only the row being opened is Active, so the browser snapshots one element instead of twenty.
  • Signal 01 — nominal

  • Signal 02 — nominal

  • Signal 03 — nominal

  • Signal 04 — nominal

  • Signal 05 — nominal

  • Signal 06 — nominal

  • Signal 07 — nominal

  • Signal 08 — nominal

  • Signal 09 — nominal

  • Signal 10 — nominal

  • Signal 11 — nominal

  • Signal 12 — nominal

  • Signal 13 — nominal

  • Signal 14 — nominal

  • Signal 15 — nominal

  • Signal 16 — nominal

  • Signal 17 — nominal

  • Signal 18 — nominal

  • Signal 19 — nominal

  • Signal 20 — nominal

An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s