ComponentsComplex
Carousel
Slideshow component for cycling through content
The Carousel component displays content in a slideshow format with navigation controls.
Basic Usage
Simple Carousel
Without Arrows
No Arrows
Schema
interface CarouselSchema {
type: 'carousel';
// Configuration
orientation?: 'horizontal' | 'vertical'; // Carousel direction (default: 'horizontal')
showArrows?: boolean; // Show navigation arrows (default: true)
// Items
items: SchemaNode[][]; // Array of slides (each slide is an array of components)
// Options
opts?: {
loop?: boolean; // Enable infinite loop
align?: 'start' | 'center' | 'end'; // Slide alignment
};
// Styling
className?: string; // Container CSS classes
itemClassName?: string; // Individual slide CSS classes
// Base properties
id?: string;
visible?: boolean | string;
testId?: string;
}