Skip to content
Tennantite
中文
Documentation

CreateValueSettingsPanel

Create value settings overlay: 249×8 milestone track with a narrow milestone every 8 steps and a wide milestone at the current value, plus step buttons.

Full-screen previewPreview pages are excluded from search indexes
数量16

Composition

These are the composable components; the Block only places them at vanilla coordinates.

Code

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