https://github.com/classfunc/classfunc_grid_24_col
Repair the Material-ui design grid framework works on a 24 column grid system
https://github.com/classfunc/classfunc_grid_24_col
Last synced: 10 months ago
JSON representation
Repair the Material-ui design grid framework works on a 24 column grid system
- Host: GitHub
- URL: https://github.com/classfunc/classfunc_grid_24_col
- Owner: ClassFunc
- Created: 2019-01-07T14:47:19.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-01-08T16:53:46.000Z (over 7 years ago)
- Last Synced: 2025-06-09T13:45:20.723Z (11 months ago)
- Language: JavaScript
- Size: 360 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This project Grid 24 column of Classfunc
## Using in the project reactjs
import {Grids} from "grid_24_col/core"
## API
Read the API of the [Material-ui](https://material-ui.com/api/grid/) design grid framework
## Some props have been fixed
### `lg`
- enum: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
- Default: false
- Description: Defines the number of grids the component is going to use. It's applied for the lg breakpoint and wider screens if not overridden.
### `md`
- enum: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
- Default: false
- Description: Defines the number of grids the component is going to use. It's applied for the md breakpoint and wider screens if not overridden.
### `sm`
- enum: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
- Default: false
- Description: Defines the number of grids the component is going to use. It's applied for the sm breakpoint and wider screens if not overridden.
### `xl`
- enum: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
- Default: false
- Description: Defines the number of grids the component is going to use. It's applied for the xl breakpoint and wider screens.
### `xs`
- enum: false, 'auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24
- Default: false
- Description: Defines the number of grids the component is going to use. It's applied for all the screen sizes with the lowest priority.