Modal (React)

Use to create modals and dialogs

Installation

$ npm install @vygruppen/spor-modal-react

Usage

import {
  Modal,
  ModalOverlay,
  ModalContent,
  ModalCloseButton,
  ModalHeader,
  ModalBody,
  ModalFooter,
} from "@vygruppen/spor-modal-react";

Put together your own modal like this:

<Modal isOpen={isOpen} onClose={onClose}>
  <ModalOverlay />
  <ModalContent>
    <ModalCloseButton />
    <ModalHeader size="lg">Example</ModalHeader>
    <ModalBody>
      <Text>Lorem slipsum 👔</Text>
    </ModalBody>
    <ModalFooter>
      <Button variant="primary" onClick={onClose} isFullWidth>
        Ok.
      </Button>
    </ModalFooter>
  </ModalContent>
</Modal>

There are lots of props you can specify.

Development

Please refer to the root readme for development notes.