Summary of Options

Input/Output Values Default Effect
[(clrWizardOpen)] true, false false Two-way binding on the state of the wizard: open or closed.
(clrWizardOpenChanged) true, false N/A Emits the state of the wizard when a wizard is open or closed.
(clrWizardOnCancel) any N/A Emits an event when the close or cancel button is clicked on the wizard page.
[clrWizardSize] "md", "lg", "xl" "xl" Sets the size of the wizard.
[clrWizardStepId] <any valid id for html element> auto-generated Used on <clr-wizard-step>. If explicitly set, will assign the set id as the id for the element. If not set, the component will auto-generate the id. You can skip or unskip a step in the wizard by passing in the id to wizard's skipTab an unSkipTab methods.
[clrWizardStepIsSkipped] true, false false Used on <clr-wizard-step>. If true, the wizard will skip this step and not display it.
[clrWizardPageErrorFlag] true, false false Used on <clr-wizard-page>. If true, signifies that there was an error on the wizard page.
[clrWizardPageIsSkipped] true, false false Used on <clr-wizard-page>. If true, the wizard will skip this page and not display it.
[clrWizardPageNextDisabled] true, false false Used on <clr-wizard-page>. If true, the wizard's next or finish button will be disabled.
(clrWizardPageNextDisabledChanged) any N/A Emits the state of the wizard page when the nextDisabled status changes.
(clrWizardPageOnCommit) any N/A Emits an event when the next or finish button is clicked on the wizard page.
(clrWizardPageOnLoad) any N/A Emits an event when loading the wizard page.
[clrWizardClosable] boolean true If set to false, this will remove the closing × element in the top right. This means that users will need to click the Cancel button to exit the wizard without finishing.