ElectricBorder — electric-border

PREVIEW

⚡ELECTRIC⚡

USAGE

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

import { ElectricBorder } from '@oalacea/chaosui/effects/electric-border';

<ElectricBorder>
  <div>Content with electric border</div>
</ElectricBorder>
<ElectricBorder color="#ff0040" chaos={2} thickness={3}>
  <button>High Voltage</button>
</ElectricBorder>

PROPS

PropTypeDefault

childrenChild elements to wrap

ReactNode-

colorBorder color (hex)

string"#5227FF"

speedAnimation speed (1 = normal, higher = faster)

number1

chaosChaos/turbulence intensity

number1

thicknessBorder thickness in pixels

number2

classNameCustom className

string""

styleCustom styles

React.CSSProperties-