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

Provide new component Flex #1860

Open
ahmehri opened this issue Apr 12, 2021 · 0 comments
Open

Provide new component Flex #1860

ahmehri opened this issue Apr 12, 2021 · 0 comments
Labels
👶 good first contribution Good for newcomers 💡 Type: Idea Propose a new idea 🚀 Type: New Feature Something new

Comments

@ahmehri
Copy link
Member

ahmehri commented Apr 12, 2021

Is your feature request related to a problem? Please describe.

Context: #557 (comment)

My use case is positioning two items vertically with a container that has a fixed height, and position them in a way that there is a space between them.

114188919-e7781100-9949-11eb-93d2-6af9a00a29da

This is not possible to implement right now with ui-kit components.

Describe the solution you'd like

A new component Flex (similar to the existing component Grid) can solve the problem here.

Describe alternatives you've considered

Using the component Spacings.Stack should solve the problem, except the CSS property justify-content is not supported. It turned out that even if it was supported, the problem won't be solved because the container needs to have a fixed height (which means a new prop height should be added too).

This is not a good idea after all because spacing components are not the same as Flexbox containers. Yes, they internally use Flexbox but they aim to solve a specific use case.

@emmenko emmenko added 💡 Type: Idea Propose a new idea 🚀 Type: New Feature Something new 👶 good first contribution Good for newcomers labels Oct 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👶 good first contribution Good for newcomers 💡 Type: Idea Propose a new idea 🚀 Type: New Feature Something new
Projects
None yet
Development

No branches or pull requests

2 participants