Controls() — react Function Reference

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

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ Controls() — react Function Reference

Dependency Diagram

graph TD
  349c2ad9_a7b0_78b2_1bd5_04a7d2e8cc0a["Controls()"]
  31c15496_1aa2_12cd_6859_37fdcdc9b145["ScrollIntoViewCase.js"]
  349c2ad9_a7b0_78b2_1bd5_04a7d2e8cc0a -->|defined in| 31c15496_1aa2_12cd_6859_37fdcdc9b145
  style 349c2ad9_a7b0_78b2_1bd5_04a7d2e8cc0a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/fragment-refs/ScrollIntoViewCase.js lines 11–46

function Controls({
  alignToTop,
  setAlignToTop,
  scrollVertical,
  exampleType,
  setExampleType,
}) {
  return (
    <div>
      <label>
        Example Type:
        <select
          value={exampleType}
          onChange={e => setExampleType(e.target.value)}>
          <option value="simple">Simple</option>
          <option value="multiple">Multiple Scroll Containers</option>
          <option value="horizontal">Horizontal</option>
          <option value="empty">Empty Fragment</option>
        </select>
      </label>
      <div>
        <label>
          Align to Top:
          <input
            type="checkbox"
            checked={alignToTop}
            onChange={e => setAlignToTop(e.target.checked)}
          />
        </label>
      </div>
      <div>
        <button onClick={scrollVertical}>scrollIntoView()</button>
      </div>
    </div>
  );
}