CyberModal — cyber-modal

PREVIEW

MODAL

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { CyberModal } from '@oalacea/chaosui/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"