DocSpace-client/packages/components/save-cancel-buttons
2023-10-09 18:02:32 +04:00
..
index.js Components: SaveCancelButtons: fix show reminder 2023-08-18 00:41:31 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
save-cancel-buttons.stories.js isAutoDocs detection was corrected 2023-06-26 17:24:48 +05:00
save-cancel-buttons.test.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
styled-save-cancel-buttons.js Added mobileMore media query const 2023-10-09 18:02:32 +04:00

SaveCancelButtons

Save and cancel buttons are located in the settings sections.

Usage

import SaveCancelButtons from "@docspace/components/save-cancel-button";
<SaveCancelButtons
  onSaveClick={() => SomeFunction()}
  onCancelClick={() => SomeFunction()}
  showReminder={false}
  reminderTest="You have unsaved changes"
  saveButtonLabel="Save"
  cancelButtonLabel="Cancel"
/>

Properties

Props Type Required Values Default Description
onSaveClick func - - - What the save button will trigger when clicked
onCancelClick func - - - What the cancel button will trigger when clicked
reminderText string - - - Text reminding of unsaved changes
showReminder bool - - - Show message about unsaved changes.
Only shown on desktops)
saveButtonLabel string - - Save Save button label
cancelButtonLabel string - - Cancel Cancel button label