文档目录

数值配置面板

Create 数值配置浮层（`ValueSettingsScreen`）：249×8 里程碑轨道，每 8 格一个窄里程碑、当前值用宽里程碑，配增减按钮。

全屏预览预览页不进入搜索引擎索引

数量16

组成

这些是可直接组合的组件；Block 只是把它们按原版坐标放在一起。

代码

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}
    />
  );
}