Modal

The <Modal> component is essential for your modals to work as it encapsulates all the behaviors and it allows you to customize your modals.

your awesome login modal:

import React from "react";

import styled from "styled-components";

import { Modal } from "@bigfan/modal";

const MyAwesomeModal = styled(Modal)`

overflow: hidden;

border-radius: 30px;

`;

export default function Login() {

return <MyAwesomeModal>My Awesome Modal!</MyAwesomeModal>;

}

Props

The <modal> takes only two props, className and style. They are both intended for styling purposes.