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

NativeTagBadge.js — react Source File

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

File javascript BabelCompiler Validation 5 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  251d0278_265f_3231_0317_9eb1351197ae["NativeTagBadge.js"]
  756a0539_706c_4343_7c04_e05126473386["Badge.js"]
  251d0278_265f_3231_0317_9eb1351197ae --> 756a0539_706c_4343_7c04_e05126473386
  499262a9_8ff7_54b8_b4bd_df5d9dabe69c["Badge"]
  251d0278_265f_3231_0317_9eb1351197ae --> 499262a9_8ff7_54b8_b4bd_df5d9dabe69c
  bb73063d_5d08_efb3_036e_72b78842d689["tooltip.js"]
  251d0278_265f_3231_0317_9eb1351197ae --> bb73063d_5d08_efb3_036e_72b78842d689
  5ed2cac8_7cfc_a217_94e0_a1e82a8edeb0["NativeTagBadge.css"]
  251d0278_265f_3231_0317_9eb1351197ae --> 5ed2cac8_7cfc_a217_94e0_a1e82a8edeb0
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  251d0278_265f_3231_0317_9eb1351197ae --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  d5989364_e16c_e349_6082_7c3e50da7772["InspectedElementBadges.js"]
  d5989364_e16c_e349_6082_7c3e50da7772 --> 251d0278_265f_3231_0317_9eb1351197ae
  style 251d0278_265f_3231_0317_9eb1351197ae 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 Badge from './Badge';
import Tooltip from './reach-ui/tooltip';

import styles from './NativeTagBadge.css';

type Props = {
  nativeTag: number,
};

const title =
  'Unique identifier for the corresponding native component. React Native only.';

export default function NativeTagBadge({nativeTag}: Props): React.Node {
  return (
    <Tooltip label={title}>
      <Badge className={styles.Badge}>Tag {nativeTag}</Badge>
    </Tooltip>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does NativeTagBadge.js do?
NativeTagBadge.js is a source file in the react codebase, written in javascript. It belongs to the BabelCompiler domain, Validation subdomain.
What functions are defined in NativeTagBadge.js?
NativeTagBadge.js defines 1 function(s): NativeTagBadge.
What does NativeTagBadge.js depend on?
NativeTagBadge.js imports 5 module(s): Badge, Badge.js, NativeTagBadge.css, react, tooltip.js.
What files import NativeTagBadge.js?
NativeTagBadge.js is imported by 1 file(s): InspectedElementBadges.js.
Where is NativeTagBadge.js in the architecture?
NativeTagBadge.js is located at packages/react-devtools-shared/src/devtools/views/Components/NativeTagBadge.js (domain: BabelCompiler, subdomain: Validation, directory: packages/react-devtools-shared/src/devtools/views/Components).

Analyze Your Own Codebase

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

Try Supermodel Free