Home / Function/ ButtonIcon() — react Function Reference

ButtonIcon() — react Function Reference

Architecture documentation for the ButtonIcon() function in ButtonIcon.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  4690d9c0_cb81_9593_7817_f9e61a49f9e7["ButtonIcon()"]
  9f39024f_b905_9b0f_2fc7_e24785732638["ButtonIcon.js"]
  4690d9c0_cb81_9593_7817_f9e61a49f9e7 -->|defined in| 9f39024f_b905_9b0f_2fc7_e24785732638
  style 4690d9c0_cb81_9593_7817_f9e61a49f9e7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/ButtonIcon.js lines 62–221

export default function ButtonIcon({className = '', type}: Props): React.Node {
  let pathData = null;
  let viewBox = '0 0 24 24';
  switch (type) {
    case 'add':
      pathData = PATH_ADD;
      break;
    case 'cancel':
      pathData = PATH_CANCEL;
      break;
    case 'clear':
      pathData = PATH_CLEAR;
      break;
    case 'close':
      pathData = PATH_CLOSE;
      break;
    case 'collapsed':
      pathData = PATH_COLLAPSED;
      break;
    case 'copy':
      pathData = PATH_COPY;
      break;
    case 'delete':
      pathData = PATH_DELETE;
      break;
    case 'down':
      pathData = PATH_DOWN;
      break;
    case 'editor':
      pathData = PATH_EDITOR;
      break;
    case 'expanded':
      pathData = PATH_EXPANDED;
      break;
    case 'export':
      pathData = PATH_EXPORT;
      break;
    case 'filter':
      pathData = PATH_FILTER;
      break;
    case 'import':
      pathData = PATH_IMPORT;
      break;
    case 'log-data':
      pathData = PATH_LOG_DATA;
      break;
    case 'more':
      pathData = PATH_MORE;
      break;
    case 'next':
      pathData = PATH_NEXT;
      break;
    case 'parse-hook-names':
      pathData = PATH_PARSE_HOOK_NAMES;
      break;
    case 'previous':
      pathData = PATH_PREVIOUS;
      break;
    case 'record':
      pathData = PATH_RECORD;
      break;
    case 'reload':
      pathData = PATH_RELOAD;
      break;
    case 'save':
      pathData = PATH_SAVE;
      break;
    case 'search':
      pathData = PATH_SEARCH;
      break;
    case 'settings':
      pathData = PATH_SETTINGS;
      break;
    case 'error':
      pathData = PATH_ERROR;
      break;
    case 'panel-left-close':
      pathData = PATH_MATERIAL_PANEL_LEFT_CLOSE;
      viewBox = panelIcons;
      break;
    case 'panel-left-open':

Domain

Subdomains

Frequently Asked Questions

What does ButtonIcon() do?
ButtonIcon() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/ButtonIcon.js.
Where is ButtonIcon() defined?
ButtonIcon() is defined in packages/react-devtools-shared/src/devtools/views/ButtonIcon.js at line 62.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free