@tsx-react-ui/mask
TypeScript icon, indicating that this package has built-in type declarations

1.0.6 • Public • Published

@tsx-react-ui/mask

介绍

The mask component of the react written in Typescript


安装

组件使用 npm 进行管理,请使用以下命令进行组件安装:

npm i @tsx-react-ui/mask --save
  • 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

  • 待开发

使用

配置实例:

<Mask visible={this.state.visible} opacity={0.3} zIndex={9} onMaskClick={() => this.setState({ visible: false })}>
    <div>This is content</div>
</Mask>

配置参数

Prop Type Default Description
visible boolean false 模态框是否可见
opacity number 0.5 模态框透明度
zIndex number 999 模态框堆叠顺序z-index
target `function undefined` undefined
className string undefined 自定义样式名
onMaskClick function () => { } 自定义模态框点击事件

注意事项

  • 组件注意事项

Changelog


Package Sidebar

Install

npm i @tsx-react-ui/mask

Weekly Downloads

2

Version

1.0.6

License

ISC

Unpacked Size

20.9 kB

Total Files

16

Last publish

Collaborators

  • ideas-ma
  • maqing01