Apple Hello Effect

import { AppleHelloEffect } from '@hanzo/ui'

export function Default() {
  return (
    <YStack items="center" justify="center" minH={200}>
      <AppleHelloEffect />
    </YStack>
  )
}

export function CustomText() {
  return (
    <YStack items="center" justify="center" minH={200}>
      <AppleHelloEffect text="Hanzo" />
    </YStack>
  )
}

export function Faster() {
  return (
    <YStack items="center" justify="center" minH={200}>
      <AppleHelloEffect text="Fast" duration={0.6} />
    </YStack>
  )
}

Types

export type AppleHelloEffectProps = React.ComponentProps<'div'> & {
  /** The string to reveal, one letter at a time. */
  text?: string
  /** Seconds each letter's own rise takes. */
  duration?: number
}

Exports