cyber

CyberModal

Modal dialog with scanlines effect.

npx chaos add cyber-modal

PREVIEW

MODAL

USAGE

import { CyberModal } from '@/components/chaos/cyber/cyber-modal';

<CyberModal isOpen={open} onClose={() => setOpen(false)} title="Confirm">
  Are you sure?
</CyberModal>

PROPS

PropTypeDefault

isOpenModal visibility

boolean-

onCloseClose callback

() => void-

titleModal title

string-

variantNeon color

"cyan" | "pink" | "green" | "red""cyan"

sizeModal size

"sm" | "md" | "lg""md"