The Concertina component is similar to an accordion but limited to one section at a time. One of the first complex components I've worked on to organize sets of data in a compact form. The concertina is scrollable and snaps to each section. Each section header is also clickable to jump directly to it.
Rebuilt using TypeScript, React and CSS Sticky Position. Original component heavliy relied on calculations based on dom element positions to dock headers.
Scroll up and down through the concertina. The panels will snap to the current section. Use the controls below to change the number of panels in the concertina.