Skip to content

Commit e4c73ec

Browse files
author
anthinkingcoder
committed
add props to readme.md
1 parent 3b8cdd6 commit e4c73ec

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

README.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,28 @@ npm i simple-xgrid --save
77
import Grid from 'simple-xgrid'
88
Vue.use(Grid);
99
```
10+
## Row Component
11+
### row props
12+
| param | description | type | default |
13+
| :-: | :-: | :-: | :-: |
14+
| gutter | Grid spacing in pixels, split equally left and right | Number | 0 |
15+
| type | Layout mode. Can optionally make use of flex in a modern browser. | String | |
16+
| align | Vertical alignment of flex layout. You can choose between top, middle, bottom. | String | |
17+
| justify | Horizontal arrangement of flex layout. You can choose between start, end, center, space-around, space-between. | String | |
18+
| type | Layout mode. Can optionally make use of flex in a modern browser. | String | |
19+
## Col Component
20+
### col props
21+
| param | description | type | default |
22+
| :-: | :-: | :-: | :-: |
23+
| span | Column span. Value can be between 1 and 24. | Number | |
24+
| order | Grid order when using flex layout. | Number | |
25+
| offset | Number of cells to the left of grid spacing. No cells can be inside the grid spacing. | Number | |
26+
| push | Number of cells to move to the right | Number | |
27+
| pull | Number of cells to move to the left | Number | |
28+
| xs | <768px can be a span value or an object containing props | Number|Object | |
29+
| sm | >768px can be a span value or an object containing props | Number|Object | |
30+
| md | ≥992px can be a span value or an object containing props | Number|Object | |
31+
| lg | ≥1200px can be a span value or an object containing props | Number|Object | |
1032
## examples
1133
```html
1234
<Row>

0 commit comments

Comments
 (0)