Popover CSS Inspector

LICENSE GitHub Super-Linter code style: prettier npm Version npm Downloads

Automatically display CSS properties for an element - perfect for design systems and style guides

  • Easy to use - just add data-bs-custom-class="popover-css-inspector" to the element (requires Bootstrap 5 JavaScript)
  • Customizable with your own CSS and Bootstrap's Popover options
  • Option to hide CSS elements - e.g. just add data-css-inspector-hide="font-size" to prevent font-size from displaying
  • Some CSS properties are hidden by default but can be enabled - e.g. just add data-css-inspector-show="min-height" to show min-height value
  • Supports optional title with data-bs-title="" - see Checkbox and Radio button examples below
  • Only 3 KB minified and gzipped!
Primary badge