# Grid

![](https://lh5.googleusercontent.com/sERVWev6swrGyQARJ73YRaBilSkhOlnzzlJOrIOTx7hTYX3g47J5lze34vHv1SjlPABsvDgZHOly0fH6rJQEhVGR1K-E54kWBEEc92FCVU0iRj6kSuSgWEQ_UJHs1RnE3h1IaFmI)

### Component description

Grid is taking advantage of the axis-oriented canvas field, where the size and position of the child components are strictly dependent on the Grid size setup. The number of columns gives the Grid's a fixed ratio width. The practical use for the Grid is an application with a lot of sorted components—for example, forms.

### Component example

![Example of the basic Grid](https://4190342052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MjiITn8B0C9eJvihABh%2Fuploads%2FQrAMCLfLZWuV7hDp708f%2Fimage.png?alt=media\&token=627bddd6-827a-4a27-8fbe-8aa5775a8731)

### Component properties

{% hint style="info" %}
Under construction
{% endhint %}