JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 52012
  • Score
    100M100P100Q146259F
  • License ISC

A pure JS bootstrap-like grid system for React.

Package Exports

  • react-grid-system

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-grid-system) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-grid-system

A pure JS bootstrap-like grid system for React.

npm version

Installation

npm i react-grid-system --save

Usage

Examples and documentation on how to use react-grid-system can be found at the GitHub pages: https://zoover.github.io/react-grid-system/

Server-side rendering

In case you're also using React components in server-side rendering, every component in this library has two context types properties which can be used for this: phone and tablet. Both are booleans. The server can use the user-agent to determine whether the client is on a phone or tablet, and set the child context accordingly. The components can then use this context to render properly.

For more information on using the user-agent to determine the device, see for example https://github.com/hgoebl/mobile-detect.js.

For more information about context in React, see for example https://facebook.github.io/react/docs/context.html.