🚀 DAY 5 OF LAUNCH WEEK:Introducing Webhook Events for Alert Changes.Learn more
Socket
Book a DemoInstallSign in
Socket

bee-drawer

Package Overview
Dependencies
Maintainers
14
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bee-drawer

Drawer ui component for react

latest
Source
npmnpm
Version
0.0.7
Version published
Maintainers
14
Created
Source

bee-drawer

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

react bee-drawer component for tinper-bee

some description...

依赖

  • react >= 15.3.0
  • react-dom >= 15.3.0
  • prop-types >= 15.6.0

使用方法

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>

API

参数说明类型默认值
show是否显示抽屉组件string
placement抽屉的位置。有四个预置的选项: left,right,top,bottomstringright
hasHeader是否显示抽屉的头部booleantrue
title抽屉的头部的标题string-
className抽屉容器的class, 用来自定义组件样式string
showMask是否显示遮罩booleantrue
maskClosable点击遮罩是否可以关闭抽屉booleanfalse
zIndex抽屉容器的层级,可以修改层级number100000
showClose是否显示关闭按钮booleanfalse
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

Keywords

react

FAQs

Package last updated on 24 Apr 2020

Did you know?

Socket

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.

Install

Related posts