Chuyển tới nội dung chính
ZZalo Platforms

Slider

Cập nhật lần cuối:

Tạo giao diện cho phép người dùng lựa chọn gía trị, hoặc khoảng giá trị trong một giới hạn

Properties​

Slider​

Example​

Slider​

import React from "react";
import { Box, Text, Slider, Page, Icon } from "zmp-ui";

function PageSlider() {
  return (
    
      <Text.Title size="small">Slider</Text.Title>
      <Box mb={4} mt={4}>
        
      </Box>
      <Box mb={4}>
        
      </Box>
      <Box mb={4}>
        }
          suffix={}
        />
      </Box>
      <Box mb={4}>
        <Slider
          defaultValue={50}
          prefix={<Text size="xSmall">00:00</Text>}
          suffix={<Text size="xSmall">04:30</Text>}
        />
      </Box>
      <Box mb={4}>
        
      </Box>
      <Box mb={4}>
        
      </Box>
      <Box mb={4}>
        
      </Box>
    
  );
}

export default PageSlider;