Wizard View

        <coral-wizardview id="default">
          <coral-steplist coral-wizardview-steplist="" interaction="on">
            <coral-step>Coral Step 1</coral-step>
            <coral-step>Coral Step 2</coral-step>
            <coral-step selected="">Coral Step 3</coral-step>
            <coral-step>Coral Step 4</coral-step>
            <coral-step>Coral Step 5</coral-step>
          </coral-steplist>
          <coral-panelstack coral-wizardview-panelstack="" class="coral-Well">
            <coral-panel>Aenean faucibus ornare laoreet. Cras luctus purus.</coral-panel>
            <coral-panel>Lorem ipsum dolor sit amet.</coral-panel>
            <coral-panel>Sed eget eros sit amet nulla ultricies.</coral-panel>
            <coral-panel>Fusce nec ante non nibh mollis mollis mollis vitae dui.</coral-panel>
          </coral-panelstack>
        </coral-wizardview>
      

        <coral-wizardview id="nested_outer">
          <coral-steplist coral-wizardview-steplist="" interaction="on">
            <coral-step>Coral Step 1</coral-step>
            <coral-step>Coral Step 2</coral-step>
          </coral-steplist>
          <coral-panelstack coral-wizardview-panelstack="" class="coral-Well">
            <coral-panel>
              <coral-wizardview id="nested_1">
                <coral-steplist coral-wizardview-steplist="" interaction="on">
                  <coral-step>Coral Step 1</coral-step>
                  <coral-step>Coral Step 2</coral-step>
                </coral-steplist>
                <coral-panelstack coral-wizardview-panelstack="">
                  <coral-panel class="u-coral-padding">Aenean faucibus ornare laoreet. Cras luctus purus.</coral-panel>
                  <coral-panel class="u-coral-padding">Lorem ipsum dolor sit amet.</coral-panel>
                </coral-panelstack>
              </coral-wizardview>
            </coral-panel>
            <coral-panel>
              <coral-wizardview id="nested_2">
                <coral-steplist coral-wizardview-steplist="" interaction="on">
                  <coral-step></coral-step>
                  <coral-step></coral-step>
                  <coral-step></coral-step>
                </coral-steplist>
                <coral-panelstack coral-wizardview-panelstack="">
                  <coral-panel class="u-coral-padding">Aenean faucibus ornare laoreet. Cras luctus purus.</coral-panel>
                  <coral-panel class="u-coral-padding">Lorem ipsum dolor sit amet.</coral-panel>
                </coral-panelstack>
              </coral-wizardview>
            </coral-panel>
          </coral-panelstack>
        </coral-wizardview>
      

        <coral-wizardview>
          <coral-steplist coral-wizardview-steplist="" interaction="on">
            <coral-step>Step 1</coral-step>
            <coral-step>Step 2</coral-step>
            <coral-step>Step 3</coral-step>
            <coral-step>Step 4</coral-step>
          </coral-steplist>
          <coral-panelstack coral-wizardview-panelstack="">
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="quiet">Cancel</button>
            </coral-panel>
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="quiet" coral-wizardview-previous="">Previous</button>
            </coral-panel>
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="quiet" coral-wizardview-previous="">Previous</button>
            </coral-panel>
          </coral-panelstack>
          <coral-panelstack coral-wizardview-panelstack="">
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="primary" coral-wizardview-next="">Next</button>
            </coral-panel>
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="primary" coral-wizardview-next="">Next</button>
            </coral-panel>
            <coral-panel class="u-coral-margin">
              <button is="coral-button" variant="cta">Done</button>
            </coral-panel>
          </coral-panelstack>
          <coral-panelstack coral-wizardview-panelstack="">
            <coral-panel>Lorem ipsum dolor sit amet.</coral-panel>
            <coral-panel>Aenean faucibus ornare laoreet. </coral-panel>
            <coral-panel>Cras luctus purus.</coral-panel>
          </coral-panelstack>
        </coral-wizardview>