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

[Feature Request] Flex component #254

Closed
mazipan opened this issue Dec 22, 2022 · 2 comments
Closed

[Feature Request] Flex component #254

mazipan opened this issue Dec 22, 2022 · 2 comments
Labels
component New or changes to components enhancement New feature or request good first issue Good for newcomers

Comments

@mazipan
Copy link

mazipan commented Dec 22, 2022

Usage example, including component, action, motion, or utility API

Mantine is releasing Flex component on version 5.7.0 as alternative for Group and Stack.

Docs: https://mantine.dev/core/flex/

Possible implementation - describe how the feature can be implemented

Mantine implementation: https://github.com/mantinedev/mantine/blob/master/src/mantine-core/src/Flex/Flex.tsx

Do you want to contribute this feature and create a pull request

No

@Brisklemonade
Copy link
Collaborator

I'm not seeing why this would be needed considering group and stack exist.

@drewbitt
Copy link

drewbitt commented Dec 27, 2022

@Brisklemonade At their simplest & defaults, Grid is a div element with flex and flex-wrap, justify-content, align-items, and margin set. Stack is a div with flex and flex-direction, align-items, justify-content, and gap set. Rather than setting numerous defaults that have to be removed to get a simple <div display="flex">, a Flex component is possible. Users from tools like Chakra are also accustomed to <Flex> elements. I often start design with a simple flex div and iterate from there. Why force so many defaults by requiring Group or Stack?

@BeeMargarida BeeMargarida added good first issue Good for newcomers component New or changes to components enhancement New feature or request labels Feb 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component New or changes to components enhancement New feature or request good first issue Good for newcomers
Projects
Status: Done
Development

No branches or pull requests

4 participants