Skip to content

ZSlideIn

SlideIn component from zurto-ui.

Preview

✨ Slide in animation
Sliding In

Import

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

Props

PropTypeDefaultDescription
directionstringupSlide direction (up, down, left, right)
durationnumber300Animation duration

Sizes

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

Accessibility

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

Released under the MIT License.