2019-10-28 18:29:52 +08:00
|
|
|
# Grid
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2019-10-28 18:29:52 +08:00
|
|
|
<!--single-column-->
|
2020-12-12 14:44:44 +08:00
|
|
|
|
|
|
|
|
A basic grid system.
|
2020-01-27 18:03:03 +08:00
|
|
|
|
|
|
|
|
## Demos
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2019-10-28 18:29:52 +08:00
|
|
|
```demo
|
|
|
|
|
basic
|
|
|
|
|
gutter
|
|
|
|
|
offset
|
|
|
|
|
push-pull
|
2020-01-27 18:03:03 +08:00
|
|
|
```
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-01-27 18:03:03 +08:00
|
|
|
## Props
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-03 20:27:04 +08:00
|
|
|
### Row Props
|
2020-12-12 14:44:44 +08:00
|
|
|
|
|
|
|
|
| Name | Type | Default | Description |
|
|
|
|
|
| --- | --- | --- | --- |
|
|
|
|
|
| gutter | `number \| string \| [number, number] \| [string, string]` | `0` | `horizontal gutter` or `[horizontal gutter, vertical gutter]` |
|
2020-01-27 18:03:03 +08:00
|
|
|
|
2020-02-03 20:27:04 +08:00
|
|
|
### Col Props
|
2020-12-12 14:44:44 +08:00
|
|
|
|
|
|
|
|
| Name | Type | Default | Description |
|
|
|
|
|
| ------ | -------- | ------- | ----------- |
|
|
|
|
|
| span | `number` | `1` | |
|
|
|
|
|
| offset | `number` | `0` | |
|
|
|
|
|
| push | `number` | `0` | |
|
|
|
|
|
| pull | `number` | `0` | |
|
2020-02-03 20:27:04 +08:00
|
|
|
|
|
|
|
|
## Notes
|
2020-12-12 14:44:44 +08:00
|
|
|
|
|
|
|
|
The grid is not responsive, for I have not enough time, ha...
|
