A versatile phone carousel component ideal for showcasing app screens, features, and product highlights.
| Prop | Type | Default | Description |
|---|---|---|---|
| images | ImageItem[] | — | An array of image objects ({ src: string; alt: string }) to display in the phone mockup. |
| className? | string | — | Optional CSS classes for additional styling (e.g. "features" to enable custom stacking in feature mode). |
| featureMode? | boolean | false | When true, the carousel uses a special layout (like stacked phones) instead of the normal side-by-side transition carousel. |
| featuresData? | { images: ImageItem[] }[] | — | Optional array of feature data. When featureMode is true, used to determine which phone images to show for stacking layout. |
| activeFeatureIndex? | number | 0 | The currently active feature index when in feature mode. Determines which phone is front/center vs. behind. |
The Iphone15 is influenced from the IPhone 15 pro