import { Badge } from 'terra-grid/package.json?dev-site-package';

import GridDefault from './example/GridDefault?dev-site-example';
import GridResponsive from './example/GridResponsive?dev-site-example';
import GridNested from './example/GridNested?dev-site-example';

import GridPropsTable from 'terra-grid/lib/Grid?dev-site-props-table';
import GridColumnPropsTable from 'terra-grid/lib/GridColumn?dev-site-props-table';
import GridRowPropsTable from 'terra-grid/lib/GridRow?dev-site-props-table';

<Badge />

# Terra Grid

The grid component provides a flexbox based grid system.

## Getting Started

- Install with [npmjs](https://www.npmjs.com):
  - `npm install terra-grid`

<!-- AUTO-GENERATED-CONTENT:START Peer Dependencies -->
## Peer Dependencies

This component requires the following peer dependencies be installed in your app for the component to properly function.

| Peer Dependency | Version |
|-|-|
| react | ^16.8.5 |
| react-dom | ^16.8.5 |

<!-- AUTO-GENERATED-CONTENT:END -->

## Usage

```jsx
import Grid from 'terra-grid'
```

## Component Features
* [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
* [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
* [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)

## Examples
<GridDefault title="Default Grid" />
<GridResponsive title="Responsive Grid" />
<GridNested title="Nested Grid" />

## Grid Props
<GridPropsTable />

## Grid Column Props
<GridColumnPropsTable />

## Grid Row Props
<GridRowPropsTable />