Skip to content

ZFadeIn

FadeIn component from zurto-ui.

Preview

✨ Fade in animation
Fading In

Import

typescript
import { ZFadeIn } from "zurto-ui";

Props

PropTypeDefaultDescription
durationnumber300Animation duration in ms
delaynumber0Animation delay

Sizes

tsx
<ZFadeIn size="sm">Small</ZFadeIn>
<ZFadeIn size="md">Medium</ZFadeIn>
<ZFadeIn size="lg">Large</ZFadeIn>

Accessibility

  • ✅ Proper ARIA attributes included
  • ✅ Keyboard navigation support
  • ✅ Screen reader friendly
  • ✅ Focus visible indicators

Released under the MIT License.