react Architecture Docs
Home / File/ menu-button.js — react Source File

menu-button.js — react Source File

Architecture documentation for menu-button.js, a javascript file in the react codebase. 4 imports, 2 dependents.

File javascript BabelCompiler 4 imports 2 dependents

Entity Profile

Dependency Diagram

graph LR
  f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b["menu-button.js"]
  018de6d1_d68d_770a_284c_f0863628d125["useThemeStyles.js"]
  f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b --> 018de6d1_d68d_770a_284c_f0863628d125
  1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b["useThemeStyles"]
  f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b --> 1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  63875f5e_06f8_18de_d255_572f6c9bb9d9["menu-button"]
  f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b --> 63875f5e_06f8_18de_d255_572f6c9bb9d9
  4e5b4a1f_694c_f426_36e2_a03da99b38d5["OwnersStack.js"]
  4e5b4a1f_694c_f426_36e2_a03da99b38d5 --> f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b
  0adf488f_cc01_d00c_692a_56c1f4de537f["SuspenseBreadcrumbs.js"]
  0adf488f_cc01_d00c_692a_56c1f4de537f --> f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b
  style f69a42e8_c2e4_8bc5_9505_2b98ac4fc40b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @flow
 */

import * as React from 'react';
import {
  Menu,
  MenuList as ReachMenuList,
  MenuButton,
  MenuItem,
} from '@reach/menu-button';
import useThemeStyles from '../../useThemeStyles';

const MenuList = ({
  children,
  ...props
}: {
  children: React$Node,
  ...
}): React.Node => {
  const style = useThemeStyles();
  return (
    // $FlowFixMe[cannot-spread-inexact] unsafe spread
    <ReachMenuList style={style} {...props}>
      {children}
    </ReachMenuList>
  );
};

export {MenuItem, MenuButton, MenuList, Menu};

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does menu-button.js do?
menu-button.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does menu-button.js depend on?
menu-button.js imports 4 module(s): menu-button, react, useThemeStyles, useThemeStyles.js.
What files import menu-button.js?
menu-button.js is imported by 2 file(s): OwnersStack.js, SuspenseBreadcrumbs.js.
Where is menu-button.js in the architecture?
menu-button.js is located at packages/react-devtools-shared/src/devtools/views/Components/reach-ui/menu-button.js (domain: BabelCompiler, directory: packages/react-devtools-shared/src/devtools/views/Components/reach-ui).

Analyze Your Own Codebase

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

Try Supermodel Free