History

Aleksandr Lushkin 063a95c889 Merge branch 'develop' into feature/rtl-interface-direction # Conflicts: # packages/components/.storybook/globals/index.js # packages/components/.storybook/preview.js # packages/components/email-chips/styled-emailchips.js # packages/components/email-chips/sub-components/chip.js # packages/components/filling-status-line/styled-filling-status-line.js # packages/components/selector/StyledSelector.js # packages/components/selector/sub-components/Item/index.tsx # packages/components/selector/sub-components/SelectAll/index.tsx		2023-06-30 10:49:17 +02:00
..
index.js	displaySettings prop description was corrected	2023-06-19 14:21:14 +05: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	Web: Components: Adapt SaveCancelButtons component to RTL interface	2023-05-31 14:05:38 +02:00

README.md

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