Skip to content

@sibilance.is/client v0.1.0-alpha.4


@sibilance.is/client / react / useSurveyTreeView

Function: useSurveyTreeView()

ts
function useSurveyTreeView(): UseSurveyTreeViewResult;

Defined in: CmdPr/sibilance/client/src/hooks/useSurveyTreeView.ts:201

useSurveyTreeView - Hook for managing survey tree view

Returns

UseSurveyTreeViewResult

Tree view state and controls

Example

tsx
function SurveyComponent() {
  const { treeData, isOpen, open, close, exportYAML, reset, isComplete } = useSurveyTreeView();
  
  return (
    <>
      <button onClick={open}>Show Progress</button>
      <SurveyTreeView
        isOpen={isOpen}
        onClose={close}
        treeData={treeData}
        isComplete={isComplete}
        onExport={exportYAML}
        onReset={reset}
      />
    </>
  );
}