145 of 300

Sections 17

Folding list with a chart

Items that unfold on the left and a chart on the right that changes with them. Only one item is open at a time, and the bars slide to the new values.

Known from linear.app

  • Details elementsThe items are details elements with a shared name, so one is open at a time and the browser search finds the text.
  • The bars moveThe chart changes by sliding the bars, which shows that the data is the same and the view is new.
  • DividerThe line between the columns is an inset shadow of half a pixel.