@pansy/react-fullscreen

react fullscreen component

Usage no npm install needed!

<script type="module">
  import pansyReactFullscreen from 'https://cdn.skypack.dev/@pansy/react-fullscreen';
</script>

README

React Fullscreen(React 全屏组件)

Alita NPM version NPM downloads

✨ 特性

  • 🚀 基于 screenfull 封装
  • 📦 基于 rollup 进行打包，提供cjs、es格式
  • 💻 使用 TypeScript 构建，提供完整的类型定义文件

🏗 安装

# npm 安装
npm install @pansy/react-fullscreen --save

# yarn 安装 推荐
yarn add  @pansy/react-fullscreen

Props

enabled

  • 数据类型: boolean
  • 默认值: false
  • 描述: 是否全屏

target

  • 数据类型: HTMLElement
  • 默认值: 无
  • 描述: 需要控制的目标元素

onClose

  • 数据类型: function
  • 默认值: 无
  • 描述: 关闭全屏的回调

⌨️ 本地开发

# 克隆项目到本地
git@github.com:pansyjs/react-fullscreen.git

# 切换到项目目录
cd ./react-fullscreen

# 安装依赖
yarn

🌟 社区互助

Github Issue 钉钉群 微信群
issues