drawer 抽屉

抽屉组件（Drawer component）是一种常用的用户界面组件，用于在屏幕边缘或页面上方创建一个可滑动或可展开的面板，用于显示额外的内容或功能。

Props参数

名称	类型	是否必传	默认值	描述
title	string	否	-	标题
width	number	否	-	宽度
cancelText	string	否	-	取消文本
okText	string	否	-	确定文本

示例

import { useState } from 'react'
import MMButton from '~/components/button'
import PageDemoBlock from '../_components/page-demo-block'
import MMPageContainer from '../_components/page-container'
import MMDrawer from '~/components/drawer'

export default () => {
  const [visible, setVisible] = useState(false)

  return (
    <MMPageContainer title="抽屉">
      <PageDemoBlock title="使用">
        <MMButton onClick={() => setVisible(true)}>点击显示</MMButton>
      </PageDemoBlock>

      <MMDrawer visible={visible} title="确认加入团队?" onOk={() => setVisible(false)} onCancel={() => setVisible(false)}>
        1231123
      </MMDrawer>
    </MMPageContainer>
  )
}