Slideshow Controls
The Slideshow Controls appear on slideshow layers and let you move between slides.
Location
- At the bottom center of the slideshow layer, just above the bottom edge
- The bar shrinks automatically when the layer is small
Control Bar Layout
┌─────────────────────────────────────┐│ Slide 3 ▼ │ ◀ │ ▶ │ │└─────────────────────────────────────┘Elements
Slide Selector Dropdown
| Element | Description |
|---|---|
| Label | “Slide” text |
| Number | Current slide number (starting at 1) |
| Arrow | Down angle indicating a dropdown |
| Click area | Opens the slide picker |
Navigation Arrows
| Button | Icon | Tooltip | Action |
|---|---|---|---|
| Previous | Left angle | “Previous Slide” | Go to the previous slide |
| Next | Right angle | “Next Slide” | Go to the next slide |
States:
- Active: normal, clickable
- Disabled: faded (on the first or last slide)
Separator
A vertical line between the dropdown and the arrows.
Slide Picker
Opens when you click the slide dropdown:
- Shows thumbnails of all slides
- The current slide is highlighted
- Click any slide to jump to it
- Click outside to close
Mobile Layout
- The controls span the full width of the layer
- The dropdown expands to fill the available space