DocSpace-client/packages/asc-web-components/save-cancel-buttons
2022-03-10 15:59:04 +03:00
..
index.js changed size names in app buttons 2022-03-10 15:59:04 +03:00
README.md Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00
save-cancel-buttons.stories.js Web: Components: added story for SaveCancelButtons 2021-03-10 14:31:39 +03:00
save-cancel-buttons.test.js Web: Components: changed component hierarchy 2021-02-24 17:42:09 +03:00
styled-save-cancel-buttons.js Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00

SaveCancelButtons

Save and cancel buttons are located in the settings sections.

Usage

import SaveCancelButtons from "@appserver/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