Steps

Langkah-langkah adalah cara terbaik untuk menampilkan serangkaian tindakan atau peristiwa kepada pengguna Anda. Anda dapat menambahkan sebanyak mungkin langkah yang diinginkan.

1. Langkah Pertama

   Ini adalah instruksi atau konten yang hanya berkaitan dengan langkah pertama.

2. Langkah Kedua

   Ini adalah instruksi atau konten yang hanya berkaitan dengan langkah kedua.

3. Langkah Ketiga

   Ini adalah instruksi atau konten yang hanya berkaitan dengan langkah ketiga.

Steps Example

<Steps>
  <Step title="First Step">
    These are instructions or content that only pertain to the first step.
  </Step>
  <Step title="Second Step">
    These are instructions or content that only pertain to the second step.
  </Step>
  <Step title="Third Step">
    These are instructions or content that only pertain to the third step.
  </Step>
</Steps>

Props Langkah

children · ReactElement<StepProps>[] · required

Daftar komponen Step.

titleSize · string · default: "p"

Ukuran judul langkah. Salah satu dari p, h2 dan h3.

Props Langkah Individual

children · string | ReactNode · required

Konten dari langkah baik sebagai teks biasa, atau komponen.

icon · string or svg

Sebuah ikon Font Awesome, ikon Lucide, atau kode SVG dalam icon={}

iconType · string

Salah satu dari regular, solid, light, thin, sharp-solid, duotone, brands

title · string

Judul adalah teks utama untuk langkah dan muncul di samping indikator.

stepNumber · number

Nomor langkah.

titleSize · string · default: "p"

Ukuran judul langkah. Salah satu darip,h2danh3.