DocSpace-client/web/ASC.Web.Components/src/components/save-cancel-buttons
2020-08-14 09:35:07 +03:00
..
index.js Web: Components: Added keyboard handling to SaveCancelButtons component 2020-08-14 09:35:07 +03:00
README.md Web: Components: Added test and storybook to SaveCancelButtons component 2020-08-14 09:05:07 +03:00
save-cancel-buttons.stories.js Web: Components: Added test and storybook to SaveCancelButtons component 2020-08-14 09:05:07 +03:00
save-cancel-buttons.test.js Web: Components: Added test and storybook to SaveCancelButtons component 2020-08-14 09:05:07 +03:00

SaveCancelButtons

Save and cancel buttons are located in the settings sections.

Usage

import { SaveCancelButtons } from "asc-web-components";
<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