← DOCS
cyber

CyberTooltip

Terminal-style tooltip on hover.

npx chaos add cyber-tooltip

PREVIEW

TIP

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { CyberTooltip } from '@oalacea/chaosui/cyber/cyber-tooltip';

<CyberTooltip content="Click to submit">
  <button>Submit</button>
</CyberTooltip>

PROPS

PropTypeDefault
childrenTrigger element
ReactNode-
contentTooltip content
ReactNode-
positionTooltip position
"top" | "bottom" | "left" | "right""top"
variantNeon color
"cyan" | "pink" | "green""cyan"