AccordionWindow() — react Function Reference

Architecture documentation for the AccordionWindow() function in AccordionWindow.tsx from the react codebase.

Function tsx PlaygroundApp Stores

Entity Profile

PlaygroundApp→ Stores→ AccordionWindow() — react Function Reference

Dependency Diagram

graph TD
  5cfb42bb_4dff_a96e_f2fa_02568d30a6ca["AccordionWindow()"]
  026af77a_8146_7891_6382_db3daa921f75["AccordionWindow.tsx"]
  5cfb42bb_4dff_a96e_f2fa_02568d30a6ca -->|defined in| 026af77a_8146_7891_6382_db3daa921f75
  style 5cfb42bb_4dff_a96e_f2fa_02568d30a6ca fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

compiler/apps/playground/components/AccordionWindow.tsx lines 19–44

export default function AccordionWindow(props: {
  defaultTab: string | null;
  tabs: TabsRecord;
  tabsOpen: Set<string>;
  setTabsOpen: (newTab: Set<string>) => void;
  changedPasses: Set<string>;
}): React.ReactElement {
  return (
    <div className="flex-1 min-w-[550px] sm:min-w-0">
      <div className="flex flex-row h-full">
        {Array.from(props.tabs.keys()).map(name => {
          return (
            <AccordionWindowItem
              name={name}
              key={name}
              tabs={props.tabs}
              tabsOpen={props.tabsOpen}
              setTabsOpen={props.setTabsOpen}
              hasChanged={props.changedPasses.has(name)}
            />
          );
        })}
      </div>
    </div>
  );
}