抽屉组件 Drawer
issue

react的抽屉组件,可以从上下左右这些侧面弹出一个层,显示特定的内容

何时使用

例如:弹出列表中一项的信息

如何使用

import { Drawer } from 'tinper-bee';

or

import Drawer from 'bee-drawer';
import 'bee-drawer/build/Drawer.css';

能力特性

API

参数 说明 类型 默认值
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

注意事项

暂无

更新日志

  • v0.0.7 2020-04-24 ( release地址 )

    Bug Fixes

  • v0.0.3 2019-06-05 ( release地址 )

    • bee-drawer @0.0.3
      • [Feature] 关闭图标修改为 Icon 组件
  • v0.0.4 2019-06-05 ( release地址 )

    • bee-drawer @0.0.4
      • [Feature]增加 closeIcon 属性,自定义关闭图标。#210