Activity

Billing

Setup

Form

UI

Chart

Stepper

Type

Default:
  3. Sucess
breadcrumb:
  3. Account Info
detailed:
  1. 1

    Personal info

    lorem insu

  2. 2

    Account Info

    lorem insu

  3. 3

    Account Info

    lorem insu

Attr: type="default"
type="breadcrumb"
type="detailed"

Custom

  3. Sucess
  3. Error

  1. example

  2. example2

  3. example3

Code

                                  <VxStepper
                                   type="default"
                                   stepper={[
                                        {
                                             label: { text: "Wallet" },
                                             icon: { icon: <FaWallet /> },
                                             active: true
                                        },
                                        {
                                             label: { text: "Payment" },
                                             icon: { icon: <FaPaypal /> },
                                             active: true
                                        },
                                        {
                                             label: { text: "Sucess", class: "text-zinc-200" },
                                             icon: { icon: <FaCheckCircle /> }
                                        }
                                   ]}
                              />