import { BfInput } from '@bud-fe/react-taro-ui';
import { View } from '@tarojs/components';
import React from 'react';
import './index.module.less';

export default () => {
  return (
    <>
      <View className="group-title">基础用法</View>
      <BfInput
        maxlength={50}
        required
        label="标题"
        placeholder="请输入"
        onChange={(v) => {
          console.log('onChange', v);
        }}
      />

      <View className="group-title">type=number; min=5</View>
      <BfInput
        required
        type="number"
        min={5}
        label="标题"
        placeholder="请输入"
        onChange={(v) => {
          console.log('onChange', v);
        }}
      />

      <View className="group-title">禁用模式-支持禁用样式覆写</View>
      <BfInput disableDebounce maxlength={50} required label="标题" placeholder="请输入" value="禁用" disabled />
    </>
  );
};