@paprika/dialog-actions

@paprika/dialog-actions

Description

The DialogActions component renders three buttons, Save (hasConfirm), Don't Save (hasDecline) and Cancel.

Installation

yarn add @paprika/dialog-actions

or with npm:

npm install @paprika/dialog-actions

Props

DialogActions

Prop	Type	required	default	Description
kindConfirm	string	false	"primary"	If the primary button is a destructive action.
isDisabled	bool	false	false	If the primary and secondary buttons are disabled.
labelCancel	string	false	""	Text for cancel button.
labelConfirm	string	false	""	Text for primary action button.
labelDecline	string	false	""	Text for a secondary generic button.
onCancel	func	false	() => {}	Function to call when cancel button is clicked.
onConfirm	func	false	() => {}	Function to call when primary button is clicked.
onDecline	func	false	() => {}	Function to call when secondary button is clicked.

Usage

Please use <L10n /> component to wrap <DialogActions /> in your application.

Example:

import DialogActions from "@paprika/dialog-actions";

<DialogActions />;

Links

• Storybook Showcase
• GitHub source code
• Create GitHub issue
• CHANGELOG