<template>
  <div class="demo-steps-diy">
    <ui-steps
      :current="1"
      pdot>
      <ui-step
        title="Finished"
        description="This is a description.">
        <span slot="popover">
          <ui-popover
            trigger="hover"
            content="step 1">
            <span></span>
          </ui-popover>
        </span>
      </ui-step>
      <ui-step
        title="In Progress"
        description="This is a description."></ui-step>
      <ui-step
        title="Waiting"
        description="This is a description."></ui-step>
    </ui-steps>
  </div>
</template>

<script>
import { Steps, Step, Popover } from "amumu-ui"

export default {
  components: {
    "ui-steps": Steps,
    "ui-step": Step,
    "ui-popover": Popover,
  },
}
</script>
