diff --git a/src/components/wizard/README.md b/src/components/wizard/README.md index 28726310..7741fbb1 100644 --- a/src/components/wizard/README.md +++ b/src/components/wizard/README.md @@ -61,14 +61,16 @@ The wizard component can be used to display a stepped workflow. | `back-button-title` | String | Text that is displayed within the button | | `back-button-tooltip` | String | Text that is displayed within the button tooltip | | `display-back-button` | Boolean | Display the Back button | +| `disable-back-button` | Boolean | Disable the Back button | | `primary-button` | String | Button to make primary: `next`, `back`, or `restart`. Defaults to `next` | | `restart-button-title` | String | Text that is displayed within the button | | `restart-button-tooltip` | String | Text that is displayed within the button tooltip | | `hide-restart-button` | Boolean | Hide the Restart button | +| `disable-restart-button` | Boolean | Disable the Restart button | | `next-button-title` | String | Text that is displayed within the button | | `next-button-tooltip` | String | Text that is displayed within the button tooltip | -| `disable-next-button` | Boolean | Disable the Next button | | `hide-next-button` | Boolean | Hide the Next button | +| `disable-next-button` | Boolean | Disable the Next button | ### Events: - `stepper-next`: dispatched when the Next button is clicked diff --git a/src/components/wizard/wizard-step.js b/src/components/wizard/wizard-step.js index d09da852..fa0fc0ee 100644 --- a/src/components/wizard/wizard-step.js +++ b/src/components/wizard/wizard-step.js @@ -56,6 +56,14 @@ class D2LStep extends LocalizeLabsElement(LitElement) { type: Boolean, attribute: 'disable-next-button' }, + disableBackButton: { + type: Boolean, + attribute: 'disable-back-button' + }, + disableRestartButton: { + type: Boolean, + attribute: 'disable-restart-button' + }, nextButtonAriaLabel: { type: String, attribute: 'next-button-aria-label' @@ -106,6 +114,8 @@ class D2LStep extends LocalizeLabsElement(LitElement) { this.primaryButton = PRIMARY_BUTTON.NEXT; this.hideNextButton = false; this.disableNextButton = false; + this.disableBackButton = false; + this.disableRestartButton = false; this.nextButtonAriaLabel = ''; this.restartButtonAriaLabel = ''; this.ariaTitle = ''; @@ -166,6 +176,7 @@ class D2LStep extends LocalizeLabsElement(LitElement) { return html` ${!this.backButtonTitle ? this.localize('components:wizard:stepper.defaults.back') : this.backButtonTitle} @@ -190,6 +201,7 @@ class D2LStep extends LocalizeLabsElement(LitElement) { ${!this.restartButtonTitle ? this.localize('components:wizard:stepper.defaults.restart') : this.restartButtonTitle}