vue-material/dist/docs/stepper.604ae3bd.js

webpackJsonp([33,37],{826:function(e,t,s){var l=s(1)(null,s(928),null,null,null);e.exports=l.exports},928:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("page-content",{attrs:{"page-title":"Components - Stepper"}},[s("docs-component",[s("div",{slot:"description"},[s("p",[e._v("Step indicators are visual indications of an activity progression.")])]),e._v(" "),s("div",{slot:"api"},[s("api-table",{attrs:{name:"md-stepper"}},[s("md-table",{slot:"properties"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Type")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-alternate-labels")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("On the horizontal display it will place the labels underneigh the step icon. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-elevation")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Number")])]),e._v(" "),s("md-table-cell",[e._v("Sets the elevation of the container for each content and the horizontal header. Default: 1")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-vertical")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Will place the steps in a vertical position. Default: false")])],1)],1)],1)],1),e._v(" "),s("api-table",{attrs:{name:"md-step"}},[s("md-table",{slot:"properties"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Type")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-button-back")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The text to be displayed in the back button. Default: 'BACK'.")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-back-continue")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The text to be displayed in the coninue button. Default: 'CONTINUE' or 'FINISH' (if is the last step)")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-continue")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Ability to define if the step is completed and allowed to continue. Default: true")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-disabled")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("Ability to disable the step. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-editable")]),e._v(" "),s("md-table-cell",[s("code",[e._v("Boolean")])]),e._v(" "),s("md-table-cell",[e._v("If the step is allowed to go 'back' after it has been completed. Default: false")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-icon")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("Icon to use instead of the index number. Default: will use the step index")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-label")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The label of step header. Default: undefined")])],1),e._v(" "),s("md-table-row",[s("md-table-cell",[e._v("md-message")]),e._v(" "),s("md-table-cell",[s("code",[e._v("String")])]),e._v(" "),s("md-table-cell",[e._v("The sub message to be used underneigh the step header label. Default: undefined")])],1)],1)],1),e._v(" "),s("md-table",{slot:"classes"},[s("md-table-header",[s("md-table-row",[s("md-table-head",[e._v("Name")]),e._v(" "),s("md-table-head",[e._v("Description")])],1)],1),e._v(" "),s("md-table-body",[s("md-table-row",[s("md-table-cell",[e._v("md-disabled")]),e._v(" "),s("md-table-cell",[e._v("Disabled class.")])],1)],1)],1)],1)],1),e._v(" "),s("div",{slot:"example"},[s("example-box",{attrs:{"card-title":"Default steps"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",[s("md-step",[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something I need to focus on just after the first step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something important I need to fix just right before the last step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v("\n            <md-stepper>\n              <md-step>\n                <p>This seems something basic I need to do first before the next step.</p>\n              </md-step>\n              <md-step>\n                <p>This seems something I need to focus on just after the first step.</p>\n              </md-step>\n              <md-step>\n                <p>This seems something important I need to fix just right before the last step.</p>\n              </md-step>\n            </md-stepper>\n          ")])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-stepper>\n              <md-step md-label="Dunder Miflin">\n                <p>This seems something basic I need to do first before the next step.</p>\n              </md-step>\n              <md-step md-label="Scraton" md-message="Pennsylvania">\n                <p>This seems something I need to focus on just after the first step.</p>\n              </md-step>\n            </md-stepper>\n          ')])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Alternate Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-alternate-labels":""}},[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-stepper md-alternate-labels>\n              <md-step md-label="Dunder Miflin">\n                <p>This seems something basic I need to do first before the next step.</p>\n              </md-step>\n              <md-step md-label="Scraton" md-message="Pennsylvania">\n                <p>This seems something I need to focus on just after the first step.</p>\n              </md-step>\n            </md-stepper>\n          ')])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Vertical steps"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-vertical":""}},[s("md-step",[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something I need to focus on just after the first step.")])]),e._v(" "),s("md-step",[s("p",[e._v("This seems something important I need to fix just right before the last step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v("\n            <md-stepper md-vertical>\n              <md-step>\n                <p>This seems something basic I need to do first before the next step.</p>\n              </md-step>\n              <md-step>\n                <p>This seems something I need to focus on just after the first step.</p>\n              </md-step>\n              <md-step>\n                <p>This seems something important I need to fix just right before the last step.</p>\n              </md-step>\n            </md-stepper>\n          ")])],1)]),e._v(" "),s("example-box",{attrs:{"card-title":"Vertical with Labels"}},[s("div",{staticClass:"stepper-demo",slot:"demo"},[s("md-stepper",{attrs:{"md-vertical":""}},[s("md-step",{attrs:{"md-label":"Dunder Miflin"}},[s("p",[e._v("This seems something basic I need to do first before the next step.")])]),e._v(" "),s("md-step",{attrs:{"md-label":"Scraton","md-message":"Pennsylvania"}},[s("p",[e._v("This seems something I need to focus on just after the first step.")])])],1)],1),e._v(" "),s("div",{slot:"code"},[s("code-block",{attrs:{lang:"xml"}},[e._v('\n            <md-stepper md-vertical>\n              <md-step md-label="Dunder Miflin">\n                <p>This seems something basic I need to do first before the next step.</p>\n              </md-step>\n              <md-step md-label="Scraton" md-message="Pennsylvania">\n                <p>This seems something I need to focus on just after the first step.</p>\n              </md-step>\n            </md-stepper>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});