umi-plugin-inspx v0.0.5

inspx with umi

inspx

Pixel perfect layout inspection. inspx with umi.

Setup

Install the package:

npm install umi-plugin-inspx

Usage

Inspect elements by hovering an element and holding Option (⌥) simultaneously.

By default, any element with padding, margin, or width and height is inspectable.

Configuration

By default, the component will only be enabled in the development environment.

You can configure this behavior with the disabled prop:

export default {
  inspx: {
    disabled: false,
    margin: true,
    size: true,
    padding: true,
  },
};