252 of 300

Navigation patterns 05

Morph card

There is no separate dropdown.

From the Engineering page on ramtt.com

  • The icon’s own surface grows into the card, and the icon settles in the corner as its heading.
  • Move to a neighbour and the card reshapes to the new size and content as one object.
  • Leave, and it folds back into the icon, faster than it came.