UI Experiment: Accordion with preview state

What if accordions has a limited preview state to manage extremely large contents, allowing users to preview the contents beginning."

I’ve been experimenting with common UI patterns. Often during projects I think of design solutions that are out of scope to be tested and implemented during the project. However, creating a proof of concept allows me to investigate and evaluate them myself for the future use.

This one is about managing really large accordions & providing a limited preview state. This avoids the massive layout shift but provides a smooth US to see all the content.

Try the Codepen here - https://codepen.io/LukeB21/pen/eYjYbBq

Read my article here - https://medium.com/p/f4a8f423db4a