Modal

Modals provide important prompts in a user flow.

overviewguidelinesdeva11y
import {
  Modal,
  ModalHeader,
  ModalHeading,
  ModalDescription,
  trapFocus,
  useModal
} from '@cerberus/react'

Usage

Basic Usage

This is a custom modal

This is a custom modal that is can be whatever you need.

Customization

You can customize each Modal component like you would any other component.

Inspectah Deck

Swingin' through your town like your neighborhood Spider-man!

API

define function Modal(props: HTMLAttributes<HTMLDialogElement>): ReactNode


define function ModalHeader(props: HTMLAttributes<HTMLDivElement>): ReactNode


define function ModalHeading(props: HTMLAttributes<HTMLParagraphElement>): ReactNode


define function ModalDescription(props: HTMLAttributes<HTMLParagraphElement>): ReactNode