@asurraa/sura-ui-modal

asurraa modal component

Usage no npm install needed!

<script type="module">
  import asurraaSuraUiModal from 'https://cdn.skypack.dev/@asurraa/sura-ui-modal';
</script>

README

Storybook

@asurraa/sura-ui-modal

Drag and drop modal.

yarn add @asurraa/sura-ui-modal

How to use?

import {
  AsurRaaModal,
  AsurRaaDraggableModalProvider,
} from "@asurraa/sura-ui-modal";
import { Button } from "antd";
import { useState } from "react";
function App() {
  const [state, setState] = useState<boolean>(false);
  return (
    <div className="App">
      <header className="App-header">Playground</header>
      <Button onClick={() => setState(true)}>open</Button>
      <div>
        <AsurRaaDraggableModalProvider>
          <AsurRaaModal
            title={"Test Modal"}
            onCancel={() => setState(false)}
            visible={state}
          />
        </AsurRaaDraggableModalProvider>
      </div>
    </div>
  );
}

export default App;