--- order: 0 title: zh-CN: 基础抽屉 en-US: Basic --- ## zh-CN 基础抽屉,点击触发按钮抽屉从右滑出,点击遮罩区关闭。 ## en-US Basic drawer. ```tsx import React, { useState } from 'react'; import { Drawer, Button } from 'antd'; const App: React.FC = () => { const [visible, setVisible] = useState(false); const showDrawer = () => { setVisible(true); }; const onClose = () => { setVisible(false); }; return ( <>

Some contents...

Some contents...

Some contents...

); }; export default App; ```