步進化

用於在應用程式中建立逐步工作流程的程式庫

• 快速高效

• 強大且靈活

• 輕量級（gzip 壓縮後 < 1kB）

• 完全類型安全

• 可組合架構

• 無樣式，可實現最大程度的定制

安裝

npm 安裝@stepperize/react

快速入門

1. 導入建構函式：

從“@stepperize/react”導入{defineStepper}；

2. 定義您的步驟：

 const { 作用域，useStepper，步驟 } = DefineStepper(
  { id: "step-1", title: "第 1 步", description: "第 1 步的說明" },
  { id: "step-2", title: "第 2 步", description: "第 2 步的說明" },
  { id: "step-3", title: "第 3 步", description: "第 3 步的說明" },
  { id: "step-4", title: "第 4 步", description: "第 4 步的說明" });

3. 在組件中使用鉤子：

函數 StepperComponent() {
  const { 目前步驟，下一個步驟，上一個步驟 } = useStepper();

  return (
 
{currentStep.title}
 
{currentStep.description}
 上一步 下一步
  );}

它是如何運作的

Stepperize 可讓您定義一系列具有唯一 ID 的步驟。當您使用defineStepper建立步驟時，您會得到：

• 用於上下文管理的Scoped元件

• 用於步驟控制的useStepper鉤子

• 一系列渲染steps

每個步驟唯一必需的欄位是id 。您可以添加所需的任何其他屬性，並且在使用掛鉤時它們將是完全類型安全的。

文件

有關使用、配置和高級功能的更多詳細信息，請訪問我們的完整文件。

貢獻

我們歡迎貢獻！請參閱我們的貢獻指南以了解更多詳細資訊。

執照

Stepperize 已獲得 MIT 許可。