Home / Class/ Drag Class — react Architecture

Drag Class — react Architecture

Architecture documentation for the Drag class in drag.js from the react codebase.

Entity Profile

Dependency Diagram

graph TD
  f8873f2c_f8d1_5a4d_c333_c44a35005223["Drag"]
  8ba3b810_4f97_fa8c_556c_4d21963c5fba["drag.js"]
  f8873f2c_f8d1_5a4d_c333_c44a35005223 -->|defined in| 8ba3b810_4f97_fa8c_556c_4d21963c5fba
  19745d86_cd02_fd7a_0c82_b0c22c4a45bf["render()"]
  f8873f2c_f8d1_5a4d_c333_c44a35005223 -->|method| 19745d86_cd02_fd7a_0c82_b0c22c4a45bf

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/pointer-events/drag.js lines 6–23

class Drag extends React.Component {
  render() {
    return (
      <TestCase title="Drag" description="">
        <TestCase.Steps>
          <li>Drag the circle below with any pointer tool</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          While dragging, the circle must have turn blue to indicate that a
          pointer capture was received.
        </TestCase.ExpectedResult>

        <DragBox />
      </TestCase>
    );
  }
}

Domain

Frequently Asked Questions

What is the Drag class?
Drag is a class in the react codebase, defined in fixtures/dom/src/components/fixtures/pointer-events/drag.js.
Where is Drag defined?
Drag is defined in fixtures/dom/src/components/fixtures/pointer-events/drag.js at line 6.

Analyze Your Own Codebase

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

Try Supermodel Free