Grid
The ty-row and ty-col components are part of a flexible grid system designed for creating responsive layouts. The ty-row serves as a container for columns, and ty-col is used for defining the content within these columns.
Usage
Here's an example of how to use ty-row and ty-col components:
Live Editor
<ty-row> <ty-col sm="12" md="6" lg="4" xl="3">Content 1</ty-col> <ty-col sm="12" md="6" lg="4" xl="3">Content 2</ty-col> </ty-row>
Result
Loading...
API
ty-row
The ty-row component is a container for columns and does not accept any specific properties.
ty-col
The ty-col component accepts the following properties for responsive layout:
| Name | Description | Type | Default |
|---|---|---|---|
| sm | Column width on small screens | String | '12' |
| md | Column width on medium screens | String | '6' |
| lg | Column width on large screens | String | '4' |
| xl | Column width on extra-large screens | String | '3' |