文档目录
数值配置面板
Create 数值配置浮层(`ValueSettingsScreen`):249×8 里程碑轨道,每 8 格一个窄里程碑、当前值用宽里程碑,配增减按钮。
数量16
import { useState } from "react";
import { CreateValueSettingsPanel } from "./index";
/**
* CreateValueSettingsPanel 预览用例:0–32 区间,当前 16。
*/
export function CreateValueSettingsPanelDemo() {
const [value, setValue] = useState(16);
return (
<CreateValueSettingsPanel
hint="滚动调整数值"
max={32}
min={0}
onChange={setValue}
title="数量"
value={value}
/>
);
}
安装
$pnpm add @tennantite/createnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/create/src/create-value-settings-panel/index.tsxnpm 包保留源码目录,可直接复制改造。