Step

Component used to show which step of a pre-determined process is currently happening.

Needs to be child of <r-multistep/> components.

Usage

import { RStep } from '@rebilly/revel';

<r-step index="approved">
    <template #content>
        <p>Content for Step 3: Approved</p>
    </template>
</r-step>

You may also provide a title slot to change the tile display.

import { RStep } from '@rebilly/revel';

<r-step index="approved">
    <template #title>
        Step: APPROVED
    </template>
    <template #content>
        <p>Content for Step 3: Approved</p>
    </template>
</r-step>

While <r-step> has the props active, completed, and teleport these props are managed by the <r-multistep> component and do not need to be used.