Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Grid component #75

Closed
nandorojo opened this issue Feb 17, 2021 · 7 comments
Closed

Grid component #75

nandorojo opened this issue Feb 17, 2021 · 7 comments

Comments

@nandorojo
Copy link
Owner

I made a responsive grid, and will be integrating it soon when I have time. Here's a preview: https://twitter.com/fernandotherojo/status/1362143823288270848?s=21

@nandorojo
Copy link
Owner Author

I'll push this once #74 is merged

@nandorojo
Copy link
Owner Author

I have this made now. However, I'm wondering if this might be better: https://github.com/mobily/stacks

The downside of Stacks is no SSR support. So maybe I'll push this anyway. But Stacks looks much more feature rich.

@nandorojo
Copy link
Owner Author

Maybe the move is to create a dripsy/stacks package that wraps stacks and uses theme values for padding, etc.

@nguyenkhooi
Copy link

Hey @nandorojo, any update on this issue? Gotta implement this into our dripsy setup as soon as it becomes official. Right now we're settling down with react-native-super-grid, but it's to try your option and compare the performance!

@nandorojo
Copy link
Owner Author

Have you tried the stacks I linked to? It's much more feature-rich than what I made.

@cmaycumber
Copy link
Contributor

@nandorojo Are you currently using stacks with your theme values by using the useTheme or useSx hook?

@nandorojo
Copy link
Owner Author

I’m actually not using stacks myself. I had trouble understanding the code base since it’s made with ReScript. But presumably if you’re just setting a gap prop, you could use theme.space for that. And with Dripsy v3, you can use useDripsyTheme directly since it has TS support.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants