Button() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ Button() — react Function Reference

Dependency Diagram

graph TD
  f71ee326_17f0_7db4_4178_2763fb1c2ad1["Button()"]
  f9049b08_60f8_abce_a6a6_153f88447124["Button.js"]
  f71ee326_17f0_7db4_4178_2763fb1c2ad1 -->|defined in| f9049b08_60f8_abce_a6a6_153f88447124
  style f71ee326_17f0_7db4_4178_2763fb1c2ad1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Button.js lines 23–47

export default function Button({
  children,
  className = '',
  testName,
  title,
  ...rest
}: Props): React.Node {
  let button = (
    // $FlowFixMe[cannot-spread-inexact] unsafe spread
    <button
      className={`${styles.Button} ${className}`}
      data-testname={testName}
      {...rest}>
      <span className={`${styles.ButtonContent} ${className}`} tabIndex={-1}>
        {children}
      </span>
    </button>
  );

  if (title) {
    button = <Tooltip label={title}>{button}</Tooltip>;
  }

  return button;
}