/chrome-extension

:flashlight: garden inspect

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Garden Inspect Build Status Chrome Web Store

🌱 Garden is the design system by Zendesk

This repo contains the source code for the Garden Inspect browser extension.

Installation

Add the Chrome extension to your browser.

Usage

The graphic below illustrates browser extension usage. Click the extension icon – or press Ctrl+Shift+G – to toggle Garden Inspect. Features include:

  • Color highlighting indicating Garden component freshness
    • Green = up-to-date
    • Yellow = time to update
    • Red = out-of-date
  • Dashed outlines to indicate Garden container usage
  • Overlay tooltips with component information
  • Console logging with component IDs and versions

Garden Inspect demo

Contribution

Thanks for your interest in Garden! Community involvement helps make our design system fresh and tasty for everyone.

Got issues with what you find here? Feel free to create an issue. Follow the contributing documentation for details needed to submit a PR.

Community behavior is benevolently ruled by a code of conduct. Please participate accordingly.

License

Copyright 2021 Zendesk

Licensed under the Apache License, Version 2.0