Using the “/” Command in Typeset
The “/” command is one of the quickest ways to add components and enhance your slides in Typeset. It allows you to browse, search, and insert visual or content elements directly into your project without leaving your workspace.
How to Use the “/” Command
On a new line within your slide, type a forward slash ( / ).
A component browser modal will appear, displaying all available components that you can add to your slide.
Begin typing additional letters or keywords to filter the list — the options will automatically update based on your input.
Once you find the desired component, press Enter to insert it into your slide.
This workflow allows you to quickly explore all the creative tools available inside Typeset, from charts and images to text blocks and design elements.
Example: Adding a Line Chart
You can add a line chart to your slide in several ways using the “/” command:
Option 1: Type
/and scroll through the list until you find Line Chart, then press Enter.Option 2: Type
/chartto filter the list to chart-related components, then select Line Chart.Option 3: Type
/lineto narrow the results directly to Line Chart, then press Enter.
Each method achieves the same result — choose the one that feels most natural for your workflow.
Typeset Command Reference Table
The following table provides an overview of all available Typeset components and functions, accessible via the “/” command or toolbar options. Each entry describes what the function does and how it enhances your project.
| Function | Description |
|---|---|
| AI Mode | Generate text automatically using AI for titles, subtitles, paragraphs, lists, and quotes. |
| Image | Open the image tool to browse and insert images from Unsplash, Getty Images, or your personal uploads. |
| Title | Switch to Title Text Mode — compatible with AI Mode for auto-generated headlines. |
| Subtitle | Switch to Subtitle Text Mode — compatible with AI Mode for subheadings or secondary titles. |
| Normal Text | Default text block for writing paragraphs — also compatible with AI Mode. |
| Bullet List | Create a bulleted list — works seamlessly with AI Mode to generate structured points. |
| Numbered List | Insert a numbered list for ordered information — AI compatible. |
| Accordion List | Create expandable lists with dropdowns that reveal additional text. |
| Side-by-Side List | Display a two-column layout for comparing or pairing items. |
| Note | Add presentation notes or project notes — not visible in public or shared views. |
| Quote | Insert stylized quote text — compatible with AI Mode. |
| Tag | Add a small stylized tag element to highlight keywords or labels. |
| Separator | Insert a horizontal line to visually divide sections or ideas. |
| Break | Create a page break to separate slides or pages within your project. |
| Templates | Open the Template Menu, featuring pre-built layouts that combine multiple components. |
| Poll | Add an interactive poll for audience engagement (available only when sharing via online link). |
| Button | Insert a clickable button that links to a URL — great for CTAs or references. |
| QR Code | Generate and embed a scannable QR code for any link. |
| Table | Create a modular, editable table to organize data or compare details. |
| Table of Contents | Automatically generate a TOC based on your project’s section titles. |
| Bar Chart | Insert an interactive, modular bar chart for data visualization. |
| Column Chart | Create a vertical column chart to display comparative data. |
| Line Chart | Add an interactive line chart for tracking trends over time. |
| Pie Chart | Insert a pie chart to visualize proportional data. |
| Progress Chart | Create a modular progress chart to show completion or progress metrics. |
| Funnel Chart | Build a multi-stage funnel chart to represent step-based processes. |
| Sunburst Chart | Create a modular sunburst chart to visualize hierarchical relationships. |
| Timeline | Display a timeline of key events in a visually stylized format. |
| Flowchart | Build a branching flowchart to illustrate decision paths or processes. |
| Mermaid | Generate complex diagrams using Mermaid syntax for flowcharts, Gantt charts, and more. |
| Math | Display mathematical equations with professional formatting. |
| Embed | Embed online content such as webpages, videos, or widgets directly into your page. |
| Video | Embed hosted videos from YouTube, Vimeo, or Loom. |
| Loom | Specifically embed Loom videos for walkthroughs and presentations. |
| Figma | Embed live Figma files for interactive design showcases. |
| Miro | Embed Miro boards for collaborative or visual brainstorming sessions. |
| Giphy | Insert GIFs hosted on Giphy.com for dynamic visual expression. |
| Icon | Browse and insert icons from the icon gallery for enhanced visuals. |
| Logo | Add a company logo automatically by entering a company name or domain. |
| Logo List | Display multiple logos in a grid — great for partner or sponsor showcases. |
| Countdown | Create a countdown timer to a specific date or time for events or launches. |
| Code | Insert stylized code blocks for technical documentation or examples. |
| Social Media | Add your social media links with clickable icons for easy navigation. |
Tip: Accessing Components
To open the full component list at any time:
Type “/” on a new line.
Use your keyboard to scroll or begin typing to filter results.
Press Enter to insert the selected component.