# Elements overview

Slides are made of freely-positioned **elements** on a 1920×1080 logical canvas. Click an element type in the [top toolbar](/docs/build/slides/editor-basics#top-toolbar) to insert it; click the canvas to place it; drag handles to size it; the right-pane inspector exposes its full property set.

## The seven types

| Type | What it's for |
|---|---|
| [**Text**](/docs/build/slides/elements/text)   | Headings, body copy, captions. Supports per-run formatting (bold, italic, color). |
| [**Image**](/docs/build/slides/elements/image) | Photos, screenshots, illustrations. Upload or paste a URL. Auto-described by vision API for the agent. |
| [**Shape**](/docs/build/slides/elements/shape) | Rectangles, ellipses, lines, arrows. Useful for callouts, dividers, decoration. |
| [**Button**](/docs/build/slides/elements/button) | Tappable CTA. Six action kinds: next slide, prev slide, goto specific slide, open external link, submit form, fire agent intent. |
| [**Quiz**](/docs/build/slides/quiz)            | Multi-choice question with up to 8 options. Captures the visitor's answer for the agent. |
| [**Embed**](/docs/build/slides/elements/embed) | Drop in an iframe, code snippet, or external form. |
| [**Video**](/docs/build/slides/elements/video) | MP4 / WebM upload or external URL. Autoplay, loop, mute toggles. |

## Properties every element shares

Every element — regardless of type — carries these fields. The inspector exposes them under "Position" and "Layout":

<!-- omitted: ParamsTable -->

## Multi-select

Select two or more elements with `Shift` + click (or `⌘` + click). The inspector switches to the **Multi-select** mode, exposing only properties that make sense for a group:

- **Layer order** — bring forward / send backward / bring to front / send to back
- **Opacity** — set the same opacity on all selected
- **Lock / hide** — toggle in bulk
- **Delete all** — remove the entire selection

## Layer panel

Toggle the **Layers** pill on the top toolbar to open a tree view of every element on the slide. Drag in the layers panel to reorder z-index; click the eye icon to hide; click the lock icon to lock. Useful when elements overlap and clicking through them on canvas is fiddly.

## Read next

- [Text](/docs/build/slides/elements/text) — typography, runs, alignment
- [Image](/docs/build/slides/elements/image) — upload, picker, fit modes
- [Button](/docs/build/slides/elements/button) — six action kinds