Auto-Collapse Section

[numenor-dev]

Hi,

Is there a way to auto-collapse a section based on specific breakpoints? The section I'm wanting to modify on our site currently has a manual button toggle to collapse the section but ideally it would be great for it to auto-collapse on smaller viewports.

[loreina]

Hi @numenor-dev, could you share a screenshot for additional context?

[numenor-dev]

Hi @loreina,

Here is a screenshot of the section I'd like to set up as auto-collapse. The chevron icons (button) will manually collapse it, but it's not intuitive so I am hoping there are Twilio components or primitives that would allow this section to auto-collapse when reaching a certain pixel width.

[gloriliale]

Hii @numenor-dev! I think the Grid component's responsiveness would help achieve what you're looking to do. It works with the theme's breakpoints, which for our default theme are 25rem (400px), 64rem (1024px), and 77rem (1232px). Hope that helps!

[numenor-dev]

Hi @gloriliale,

Awesome, thanks a ton! I'll give this a shot.