react-x-ray

CSS layout debugger component

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-x-ray
1.0.0-45 years ago5 years agoMinified + gzip package size for react-x-ray in KB

Readme

React X-Ray
React CSS Layout Debugger
demo
npm i react-x-ray

Demo:

Usage

import React from 'react'
import XRay from 'react-x-ray'

const App = props => (
  <XRay>
    <div style={{ padding: 32 }}>
      <h1>Look at me!</h1>
    </div>
  </XRay>
)

Props

  • grid (number or boolean) pixel dimensions of background grid
  • outline (boolean) show element outlines
  • center (boolean) center the background grid
  • color (string) base color for grid and outlines
  • backgroundColor (string) background color of XRay component

Inspired by Tachyons X-RAY
MIT License