Interface AssignmentEditorRef

Example

import { AssignmentEditor, type AssignmentEditorRef } from '@hiyve/react-assignments';

function AssignmentsPanel() {
  const editorRef = useRef<AssignmentEditorRef>(null);

  return (
    <Box>
      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>
        <Typography>Assignments</Typography>
        <IconButton
          onClick={() => editorRef.current?.save()}
          disabled={editorRef.current?.isSaving || !editorRef.current?.hasUnsavedChanges}
        >
          <SaveIcon />
        </IconButton>
      </Box>
      <AssignmentEditor ref={editorRef} enableAutoSave />
    </Box>
  );
}
Copy