Allow size breakpoints to be specified on spaces (i.e. to apply custom CSS classes)

aeagle / react-spaces

React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

https://allaneagle.com/projects/react-spaces

MIT License

1.3k stars 24 forks source link

Allow size breakpoints to be specified on spaces (i.e. to apply custom CSS classes) #61

Open aeagle opened 4 years ago

aeagle commented 4 years ago

Allow actions to be carried out when spaces when resized and the size hits various breakpoints.

Apply classes based on configuration?

Provide events when breakpoints reached and allow consumer to provide functionality themselves?

Both

Gibbo3771 commented 3 years ago

I think this would be very useful. I know the issue is quite stale but I already have a use case for this.

Do you envision only X axis breakpoints or also Y? I assume X as that's what media queries use for the most part. I've already had a fair play with this and managed to get a provider and hook playing nicely using the domRect reference in the space.