Add layout component

[dev-yuka05]

Proposal

This tag is similar to div in HTML and Box in Nitron Styles Tools, but unlike Box , you should be able to use a grid.

Purpose

It should be easier to construct grid-like layouts without using CSS.

Example when this is implemented

You should be able to use your component like this:

const App = `
    <Layout row="" col="" gap="">
    </Layout>
`

The following properties of the component:

• row : Specify inline start and inline end edges to size and position grid items within grid rows.
• col : Specifies the size and position of grid items in grid columns by providing lines, extents, or nothing for grid placement.
• gap : Gives space between rows and columns.
• type : Sets the layout to use when placing child elements such as flow, grid, and flex, along with whether to process block or inline elements.

The rest of the properties should be the same as Box .

other requirements

• The default state should be the same as Box.