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

Select

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

Tạo giao diện cho phép người dùng lựa chọn một hoặc nhiều mục trong các nhóm lựa chọn

Properties​

Select​

Example​

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

const { OtpGroup, Option } = Select;

export default () => {
  return (
    
      <Text.Title size="small">Select</Text.Title>
      <Box mt={6}>
        <Select
          label="Label"
          helperText="Helper text"
          placeholder="Placeholder"
          defaultValue="1"
        >
          <OtpGroup label="Group 1">
            
            
          </OtpGroup>
          <OtpGroup label="Group 2">
            
            
            
            
          </OtpGroup>
        </Select>
      </Box>
      <Box mt={6}>
        <Select
          label="Label"
          helperText="Helper text"
          placeholder="Placeholder"
          multiple
          defaultValue={[]}
        >
          
          
          
          
          
          
        </Select>
      </Box>
    
  );
};