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

Badge.js — react Source File

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

File javascript BabelCompiler Validation 2 imports 5 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  756a0539_706c_4343_7c04_e05126473386["Badge.js"]
  c799f387_b1b3_ff08_fcde_1444992a1c97["Badge.css"]
  756a0539_706c_4343_7c04_e05126473386 --> c799f387_b1b3_ff08_fcde_1444992a1c97
  ac587885_e294_a1e9_b13f_5e7b920fdb42["react"]
  756a0539_706c_4343_7c04_e05126473386 --> ac587885_e294_a1e9_b13f_5e7b920fdb42
  25e89372_6558_2e4a_04f5_2e343e42cde5["ElementBadges.js"]
  25e89372_6558_2e4a_04f5_2e343e42cde5 --> 756a0539_706c_4343_7c04_e05126473386
  7f77861c_2ca5_7fd9_4b5c_fa236449c0d3["ForgetBadge.js"]
  7f77861c_2ca5_7fd9_4b5c_fa236449c0d3 --> 756a0539_706c_4343_7c04_e05126473386
  0c2aa36f_2bfd_0e20_42bf_2839b3e43e73["IndexableElementBadges.js"]
  0c2aa36f_2bfd_0e20_42bf_2839b3e43e73 --> 756a0539_706c_4343_7c04_e05126473386
  d5989364_e16c_e349_6082_7c3e50da7772["InspectedElementBadges.js"]
  d5989364_e16c_e349_6082_7c3e50da7772 --> 756a0539_706c_4343_7c04_e05126473386
  251d0278_265f_3231_0317_9eb1351197ae["NativeTagBadge.js"]
  251d0278_265f_3231_0317_9eb1351197ae --> 756a0539_706c_4343_7c04_e05126473386
  style 756a0539_706c_4343_7c04_e05126473386 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 styles from './Badge.css';

type Props = {
  className?: string,
  children: React$Node,
  ...
};

export default function Badge({
  className = '',
  children,
  ...props
}: Props): React.Node {
  return (
    <div {...props} className={`${styles.Badge} ${className}`}>
      {children}
    </div>
  );
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does Badge.js do?
Badge.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 Badge.js?
Badge.js defines 1 function(s): Badge.
What does Badge.js depend on?
Badge.js imports 2 module(s): Badge.css, react.
What files import Badge.js?
Badge.js is imported by 5 file(s): ElementBadges.js, ForgetBadge.js, IndexableElementBadges.js, InspectedElementBadges.js, NativeTagBadge.js.
Where is Badge.js in the architecture?
Badge.js is located at packages/react-devtools-shared/src/devtools/views/Components/Badge.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