登机步骤
````
### 顺风配置
Tailwind CSS 需要扫描节点模块才能包含所使用的类。有关此主题的更多信息，请参阅[配置源路径](https://tailwindcss.com/docs/content-configuration#configuring-source-paths)。
> **注意** _仅当您**不使用**自定义组件时才需要此设置。
````ts
常量配置：配置= {
内容：[
'./node_modules/onborda/dist/**/*.{js,ts,jsx,tsx}' // 添加此内容
]
}
````
### 定制卡
如果您需要更好地控制卡片设计或只是希望创建完全自定义的组件，那么您可以轻松做到。
|道具|类型 |描述 |
|--------------|------------------|--------------------------------------------------------------------------|
| `步骤` | `对象` |步骤数组中当前的“Step”对象，包括内容、标题等。
| `当前步骤` | `数字` |步骤数组中当前步骤的索引。 |
| `总步数` | `数字` |入职流程中的步骤总数。 |
| `下一步` | |进入入职流程下一步的功能。 |
| `上一步` | |返回入职流程中上一步的功能。|
| `箭头` | |返回一个SVG对象，方向由steps side prop控制 |
````tsx
“使用客户端”
从“onborda”导入类型 { CardComponentProps }；
导出常量自定义卡 = ({
步，
当前步骤，
总步数，
下一步，
上一步，
箭头，
}: CardComponentProps) => {
返回（
{步骤.图标} {步骤.标题}
{currentStep} / {totalSteps}
{步骤.内容}
{箭头}