# Debug Outline

The debug outline plugins helps you visualise you HTML structure by adding colored outlines to all of them.

# Configuration

The plugin can be configured with the theme.debugOutline property:

module.exports = {
  theme: {
    debugOutline: false,
  },
};


 


1
2
3
4
5

# debugOutline

  • Type: Boolean
  • Default: false

Whether the plugin is active or not.

# debugOutline.prefix

  • Type: String
  • Default: ''

The prefix used by the plugin to prevent conflicts with other classes. It defaults to an empty string. Example usage:

module.exports = {
  theme: {
    debugOutline: {
      prefix: 'custom-',
    },
  },
};


 
 
 


1
2
3
4
5
6
7

# Examples

3
3
3
3
4
4
4
6
6
12
Last Updated: 6/14/2021, 5:09:02 PM