Flex Component

[Chukwu3meka]

Feature description

I'd love to work on an easy to use Flex component where users can easily set vertical, wrap, justify, align, flex, gap, and component as is in other UI libraries particularly Ant Design.

Property	Description
vertical	Is direction of the flex vertical, use flex-direction: column
wrap	Set whether the element is displayed in a single line or in multiple lines
justify	Sets the alignment of elements in the direction of the main axis
align	Sets the alignment of elements in the direction of the cross axis
flex	flex CSS shorthand properties
gap	Sets the gap between grids
component	custom element type

Affected component/components

Flex

Additional Context

Additional details here...

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs