幻灯片

@cloud-ru/ds-slider -=YTET -伊甸园字幕组=- 翻译:.

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 [min, max]。 。 。 rc-slider ? ? ? ? ? ? ? ? ? ? handleTip {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢 marksEqualSpacing {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢.

Когда

• Выбор:цена也.
• {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢range) (中文(简体) ).
• (原始内容存档于2018-09-29) (中文(简体) ).

Когда не стоит:точный也 InputNumber), Switch(原始内容存档于2018-09-26) (中文(简体) )RadioGroup) (中文(简体) ).

Установка

pnpm add @cloud-ru/ds-slider

import { Slider } from '@cloud-ru/ds-slider'

Примеры

Базовый

Одно,без也

import { Slider } from '@cloud-ru/ds-slider';

export function Basic() {
  return <Slider min={0} max={100} defaultValue={40} />;
}

Диапазон

范围 + 手柄 Tip — — — — — — — — —

import { Slider } from '@cloud-ru/ds-slider';

export function Range() {
  return <Slider range min={0} max={100} defaultValue={[20, 70]} handleTip />;
}

С

import { Slider } from '@cloud-ru/ds-slider';

export function Marks() {
  return (
    <Slider
      min={0}
      max={100}
      step={25}
      marks={{ 0: '0', 25: '25', 50: '50', 75: '75', 100: '100' }}
      defaultValue={50}
      handleTip
    />
  );
}

已禁用

import { Slider } from '@cloud-ru/ds-slider';

export function Disabled() {
  return <Slider min={0} max={100} defaultValue={40} disabled />;
}

道具

滑动程序