
Product
Introducing Webhook Events for Alert Changes
Add real-time Socket webhook events to your workflows to automatically receive software supply chain alert changes in real time.
bee-drawer
Advanced tools
react bee-drawer component for tinper-bee
some description...
import Drawer from 'ac-drawer';
import 'ac-drawer/dist/ac-drawer.css';
<Drawer title={'basic drawer'} show={true} placement={'right'} onClose={this.fCloseDrawer}>
<div className="con">
<p>这是第一行文字</p>
<p>这是第二行文字</p>
<p>这是第三行文字,啦啦啦~</p>
</div>
</Drawer>
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| show | 是否显示抽屉组件 | string | |
| placement | 抽屉的位置。有四个预置的选项: left,right,top,bottom | string | right |
| hasHeader | 是否显示抽屉的头部 | boolean | true |
| title | 抽屉的头部的标题 | string | - |
| className | 抽屉容器的class, 用来自定义组件样式 | string | |
| showMask | 是否显示遮罩 | boolean | true |
| maskClosable | 点击遮罩是否可以关闭抽屉 | boolean | false |
| zIndex | 抽屉容器的层级,可以修改层级 | number | 100000 |
| showClose | 是否显示关闭按钮 | boolean | false |
| closeIcon | 自定义关闭图标 | ReactNode | <Icon type="uf-close"/> |
| width | 抽屉的宽度 | number string | - |
| height | 抽屉的高度 | number string | - |
| destroyOnClose | 关闭时候是否销毁抽屉的内容 | boolean |
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-drawer
$ cd bee-drawer
$ npm install
$ npm run dev
FAQs
Drawer ui component for react
We found that bee-drawer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 14 open source maintainers collaborating on the project.
Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Product
Add real-time Socket webhook events to your workflows to automatically receive software supply chain alert changes in real time.

Security News
ENISA has become a CVE Program Root, giving the EU a central authority for coordinating vulnerability reporting, disclosure, and cross-border response.

Product
Socket now scans OpenVSX extensions, giving teams early detection of risky behaviors, hidden capabilities, and supply chain threats in developer tools.