Update README.md

Author: cheton

README.md

@@ -14,7 +14,7 @@ Demo: https://trendmicro-frontend.github.io/react-grid-system
   npm install --save react @trendmicro/react-grid-system
   ```
 
-2. Install [react-grid-system](https://github.com/trendmicro-frontend/react-grid-system)` with <b>@trendmicro</b> scope:
+2. Install [react-grid-system](https://github.com/trendmicro-frontend/react-grid-system) with <b>@trendmicro</b> scope:
 
   ```js
   import { Provider, Container, Row, Col } from '@trendmicro/react-grid-system';
@@ -44,6 +44,54 @@ Demo: https://trendmicro-frontend.github.io/react-grid-system
 
 ### Properties
 
+#### Provider
+
+Name | Type | Default | Description 
+:--- | :--- | :------ | :----------
+breakpoints | Number[] | [576, 768, 992, 1200, 1600] | The breakpoints (minimum width) of devices in screen class sm, md, lg, xl, and xxl.
+containerWidths | Number[] | [540, 720, 960, 1140, 0] | The container widths in pixels of devices in screen class sm, md, lg, xl, and xxl.
+columns | Number | 12 | The number of columns. Defaults to 12.
+gutterWidth | Number | 30 | The horizontal padding (called gutter) between two columns. A gutter width of 30 means 15px on each side of a column.
+layout | One of:<br>'float'<br>'flex' | 'float' | The grid system layout.
+
+#### Container
+
+Name | Type | Default | Description 
+:--- | :--- | :------ | :----------
+fluid | Boolean | false | True makes the container full-width, false fixed-width.
+xs | Boolean | false | True makes container fluid only in xs, not present means fluid everywhere.
+sm | Boolean | false | True makes container fluid only in sm, not present means fluid everywhere.
+md | Boolean | false | True makes container fluid only in md, not present means fluid everywhere.
+lg | Boolean | false | True makes container fluid only in lg, not present means fluid everywhere.
+xl | Boolean | false | True makes container fluid only in xl, not present means fluid everywhere.
+xxl | Boolean | false | True makes container fluid only in xxl, not present means fluid everywhere.
+gutterWidth | Number | 30 | The horizontal padding (called gutter) between two columns. A gutter width of 30 means 15px on each side of a column.
+layout | One of:<br>'float'<br>'flex' | 'float' | The grid system layout.
+onResize | Function({ screenClass }) | | A callback fired when the resize event occurs.
+
+#### Row
+
+Name | Type | Default | Description 
+:--- | :--- | :------ | :----------
+gutterWidth | Number | 30 | The horizontal padding (called gutter) between two columns. A gutter width of 30 means 15px on each side of a column.
+layout | One of:<br>'float'<br>'flex' | 'float' | The grid system layout.
+
+
+#### Col
+
+Name | Type | Default | Description 
+:--- | :--- | :------ | :----------
+width | Number | | The width of the column for all screen classes.
+xs | Boolean or Number | | The width of the column for screen class `xs`.
+sm | Boolean or Number | | The width of the column for screen class `sm`.
+md | Boolean or Number | | The width of the column for screen class `md`.
+lg | Boolean or Number | | The width of the column for screen class `lg`.
+xl | Boolean or Number | | The width of the column for screen class `xl`.
+xxl | Boolean or Number | | The width of the column for screen class `xxl`.
+offset | { xs, sm, md, lg, xl, xxl } | | The offset of this column for all screen classes.
+pull | { xs, sm, md, lg, xl, xxl } | | The amount this column is pulled to the left for all screen classes.
+push | { xs, sm, md, lg, xl, xxl } | | The amount this column is pushed to the right for all screen classes.
+
 ## License
 
 MIT