Getting Started
Templates
Components
Special Animations
Text Animations
Backgrounds
EldoraUI's components make building UIs effortless great work!
Installation
Usage
import FancyTestimonialsSlider from "@/components/eldoraui/testimonal-slider"const testimonials = [
{
img: "https://avatar.vercel.sh/karthik",
quote: "EldoraUI's components make building UIs effortless great work!",
name: "Karthik",
role: "Developer",
},
{
img: "https://avatar.vercel.sh/nick",
quote: "EldoraUI simplifies complex designs with ready-to-use components.",
name: "Nick",
role: "Designer",
},
]
;<FancyTestimonialsSlider testimonials={testimonials} autorotateTiming={5000} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
testimonials | Testimonial[] | - | Array of testimonial objects to display |
autorotateTiming | number | 7000 | Auto-rotation timing in milliseconds |
Testimonial Object
| Prop | Type | Description |
|---|---|---|
img | string | URL of the testimonial image |
quote | string | The testimonial quote text |
name | string | Name of the person |
role | string | Role or title of the person |
Features
- Auto-rotation: Automatically cycles through testimonials (configurable timing)
- Smooth transitions: Uses Headless UI transitions for smooth animations
- Interactive controls: Click on testimonial buttons to manually navigate
- Responsive design: Adapts to different screen sizes
- Accessibility: Proper focus management and keyboard navigation