ReflectionText — reflection-text

PREVIEW

REFLECT

USAGE

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

import { ReflectionText } from '@oalacea/chaosui/text/reflection-text';

<ReflectionText>MIRROR</ReflectionText>
<ReflectionText reflectionOpacity={0.5} blur={4}>FADED</ReflectionText>
<ReflectionText skew={10}>TILTED</ReflectionText>

PROPS

PropTypeDefault

childrenThe text to display

ReactNode-

reflectionOpacityReflection opacity (0-1)

number0.3

blurBlur amount in pixels

number2

skewSkew transformation in degrees

number0

gapGap between text and reflection in pixels

number8