Steps

Bilah navigasi yang memandu pengguna menyelesaikan tugas langkah demi langkah.

Kapan digunakan

Ketika sebuah tugas kompleks atau melibatkan serangkaian ketergantungan, bagi menjadi beberapa Langkah untuk menyederhanakannya.

Atribut	Deskripsi	Tipe	Default
`animation`	Apakah animasi diaktifkan	`boolean`	`true`
`contentRender`	Rendering kustom untuk konten	`(item: StepsDataSource, index: number)=> ReactNode`	-
`current`	Langkah saat ini	`number`	`1`
`dataSource`	Data Langkah	StepsDataSource[]	`[ { "title": "langkah1", "content": "Buka pintu kulkas" }, { "title": "langkah2", "content": "Masukkan gajah ke dalam kulkas" }, { "title": "langkah3", "content": "Tutup pintu kulkas" } ]`
`direction`	Arah tampilan bilah Langkah	`'horizontal' \| 'vertical'`	`'horizontal'`
`labelPlacement`	Tata letak konten	`'horizontal' \| 'vertical'`	`'vertical'`
`onClick`	Peristiwa yang dipicu saat sebuah Langkah diklik	`(index: number) => void`	-
`readOnly`	Apakah mode Hanya Baca diaktifkan	`boolean`	`false`
`shape`	Tipe tampilan bilah Langkah	`'circle' \| 'arrow' \| 'dot'`	`'circle'`