Wrapper

This is a compound component.

API

This component extends the native <div> API, for example, the title attribute.

Props	Type	Required
children	ReactNode	✅
layout	'list' | 'grid'	❌
listGap	number	❌
gridColumnsNumber	number	❌
gridRowGap	number	❌
gridColumnGap	number	❌

children

The children in this case, because it is a compound component, should be the ones provided by this design system, listed before.

layout

This prop controls the displayed layout

listGap

Control the spacing in the lists.

gridColumnsNumber

Controls the amount of gridColumns.

gridRowGap

Controls the gap between each row.

gridColumnGap

Controls the gap between each column.