use-theme-editor/src/components/inspector/CompactModeButton.js

Zero configuration CSS variables based theme editor

import React from 'react';

export function CompactModeButton(props) {
  const { isCompact, setIsCompact } = props;

  return (
    <button
      className="dispatched-element-collapse"
      onClick={() => {
        setIsCompact(!isCompact);
      }}
    >
      {isCompact ? '+' : '-'}
    </button>
  );
}