Displays a grid and adds outlines to children.
import React from 'react'
import { XRay } from '@compositor/kit'
import PageHeader from '../src/PageHeader'
const example = (
<XRay>
<PageHeader />
</XRay>
)| Prop | Type | Description |
|---|---|---|
| color | string | base color for grid and outlines |
| backgroundColor | string | background-color |
| outline | boolean | shows outlines around all child elements |
| grid | boolean or number | pixel size for grid background, false will disable the grid (default 8) |