Skip to content

textarea 多行输入

Textarea 组件是一种常见的用户界面组件,用于提供多行文本输入的区域。它允许用户在文本框中输入和编辑大段的文本内容。

Props参数

名称类型是否必传默认值描述
showLimitboolean-是否显示限制输入
heightnumber-输入框高度

示例

tsx
import { useState } from 'react'
import MMTextarea from '~/components/textarea'
import MMPageContainer from '../_components/page-container'
import PageDemoBlock from '../_components/page-demo-block'

export default () => {
  const [value, setValue] = useState('')

  function onInput(value) {
    setValue(value)
  }

  return (
    <MMPageContainer title="多行输入">
      <PageDemoBlock className="container">
        <MMTextarea value={value} placeholder="请输入简介" maxlength={100} showLimit showCount onChange={onInput} />
      </PageDemoBlock>
    </MMPageContainer>
  )
}