Breakpoint strategies for “minimizable” sidebar

[brianakidd]

Reading the documentation, I find a lot of flexibility for breakpoints and I realize there is an option to consider a fixed sidebar in breakpoints (I’m using a tailwindUI Home Screen).

I have a requirement to allow the user to minimize the sidebar. I would appreciate any suggestions for managing styling based on breakpoints and a dynamic property. I’m using Vue so easy to bind classes based on the property but asking for overall strategies. For example, just set dynamic classes on each element, create custom breakpoints, or something else?