https://github.com/baskvava/react-video-modal

Lightweight and extensible react video modal.
https://github.com/baskvava/react-video-modal

react react-component-library react-modal react-modal-video react-video react-video-modal video

Last synced: 7 months ago
JSON representation

Lightweight and extensible react video modal.

• Host: GitHub
• URL: https://github.com/baskvava/react-video-modal
• Owner: baskvava
• Created: 2023-09-04T19:38:41.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-24T02:19:41.000Z (over 2 years ago)
• Last Synced: 2025-06-19T00:11:37.699Z (7 months ago)
• Topics: react, react-component-library, react-modal, react-modal-video, react-video, react-video-modal, video
• Language: JavaScript
• Homepage: https://baskvava.github.io/react-video-modal/
• Size: 6.48 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React-Video-Modal [![NPM Version](https://img.shields.io/badge/npm-v_0.1.0_alpha-blue)](https://www.npmjs.com/package/@baskvava/react-video-modal) ![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)

> This is a react library for a video inside of a modal

**[Documents and Demo](https://baskvava.github.io/react-video-modal/)**

## Installation

```bash

npm install @baskvava/react-video-modal

```

or

```bash

yarn add @baskvava/react-video-modal

```



## Example

```js

import React, { useState } from "react";

import { ModalVideo, useToggle } from "@baskvava/react-video-modal";

function App() {

  const { isOpen, toggle, close } = useToggle();

  return (

    


      Open Video Modal

      

    

  );

}

export default App;

```


## Local ENV

install the node package

```bash

yarn install

```

run example

```bash

yarn dev

```