react Architecture Docs
Home / File/ tooltip.js — react Source File

tooltip.js — react Source File

Architecture documentation for tooltip.js, a javascript file in the react codebase. 5 imports, 10 dependents.

File javascript BabelCompiler 5 imports 10 dependents

Entity Profile

Dependency Diagram

graph LR
  bb73063d_5d08_efb3_036e_72b78842d689["tooltip.js"]
  63616471_d90f_a819_a1ca_e8bc2d442022["Tooltip.css"]
  bb73063d_5d08_efb3_036e_72b78842d689 --> 63616471_d90f_a819_a1ca_e8bc2d442022
  018de6d1_d68d_770a_284c_f0863628d125["useThemeStyles.js"]
  bb73063d_5d08_efb3_036e_72b78842d689 --> 018de6d1_d68d_770a_284c_f0863628d125
  1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b["useThemeStyles"]
  bb73063d_5d08_efb3_036e_72b78842d689 --> 1d2b9513_4ad1_d535_e552_1bdcc4a6fe7b
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  bb73063d_5d08_efb3_036e_72b78842d689 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  0fdb9ea0_810d_dc38_fe77_70dda2cbc0f4["tooltip"]
  bb73063d_5d08_efb3_036e_72b78842d689 --> 0fdb9ea0_810d_dc38_fe77_70dda2cbc0f4
  f9049b08_60f8_abce_a6a6_153f88447124["Button.js"]
  f9049b08_60f8_abce_a6a6_153f88447124 --> bb73063d_5d08_efb3_036e_72b78842d689
  9930e8cf_03b4_86c0_be04_47b410246b71["Element.js"]
  9930e8cf_03b4_86c0_be04_47b410246b71 --> bb73063d_5d08_efb3_036e_72b78842d689
  7f77861c_2ca5_7fd9_4b5c_fa236449c0d3["ForgetBadge.js"]
  7f77861c_2ca5_7fd9_4b5c_fa236449c0d3 --> bb73063d_5d08_efb3_036e_72b78842d689
  4c0d725a_27bd_a723_3599_a3e75bea5bd3["InspectedElement.js"]
  4c0d725a_27bd_a723_3599_a3e75bea5bd3 --> bb73063d_5d08_efb3_036e_72b78842d689
  251d0278_265f_3231_0317_9eb1351197ae["NativeTagBadge.js"]
  251d0278_265f_3231_0317_9eb1351197ae --> bb73063d_5d08_efb3_036e_72b78842d689
  4e5b4a1f_694c_f426_36e2_a03da99b38d5["OwnersStack.js"]
  4e5b4a1f_694c_f426_36e2_a03da99b38d5 --> bb73063d_5d08_efb3_036e_72b78842d689
  0adf488f_cc01_d00c_692a_56c1f4de537f["SuspenseBreadcrumbs.js"]
  0adf488f_cc01_d00c_692a_56c1f4de537f --> bb73063d_5d08_efb3_036e_72b78842d689
  a780c065_6e09_9761_ec53_ece3335378f1["SuspenseScrubber.js"]
  a780c065_6e09_9761_ec53_ece3335378f1 --> bb73063d_5d08_efb3_036e_72b78842d689
  1356ba82_c85f_323e_8c5f_e616c171f6ad["TabBar.js"]
  1356ba82_c85f_323e_8c5f_e616c171f6ad --> bb73063d_5d08_efb3_036e_72b78842d689
  style bb73063d_5d08_efb3_036e_72b78842d689 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 ReachTooltip from '@reach/tooltip';
import tooltipStyles from './Tooltip.css';
import useThemeStyles from '../../useThemeStyles';

const Tooltip = ({
  children,
  className = '',
  ...props
}: {
  children: React$Node,
  className: string,
  ...
}): React.Node => {
  const style = useThemeStyles();
  return (
    // $FlowFixMe[cannot-spread-inexact] unsafe spread
    <ReachTooltip
      className={`${tooltipStyles.Tooltip} ${className}`}
      style={style}
      {...props}>
      {children}
    </ReachTooltip>
  );
};

export default Tooltip;

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does tooltip.js do?
tooltip.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain.
What does tooltip.js depend on?
tooltip.js imports 5 module(s): Tooltip.css, react, tooltip, useThemeStyles, useThemeStyles.js.
What files import tooltip.js?
tooltip.js is imported by 10 file(s): Button.js, Element.js, ForgetBadge.js, InspectedElement.js, NativeTagBadge.js, OwnersStack.js, SuspenseBreadcrumbs.js, SuspenseScrubber.js, and 2 more.
Where is tooltip.js in the architecture?
tooltip.js is located at packages/react-devtools-shared/src/devtools/views/Components/reach-ui/tooltip.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