Components

Components are add-ons to the theme that can be used to add additional features to your slides. In some cases, they represent simple design elements like StickyNotes that can be added to slides. In other cases they add animations or interactivity to your slides.

The current components are:

• Admonitions - boxes that can be used to highlight text that includes styling like a title and icon.

• SpeechBubble - a speech bubble with configurable position, shape, and color.

• StickyNote - a sticky note styled element that can be added to slides.

• CreditScroll - a scrolling credits slide simliar to the end of a movive.

• QRCore - a QR code generator that can be used to add QR codes to slides.

• Kawaii - Modification of select Vue Kawaii figures that add cute characters to slides.

• Email - formats email addresses

• ArrowDraw - draws a hand-drawn looking arrow

• ArrowHeads - draws a bunch of arrows pointing at a central place. Useful for drawing attention to a particular part of a slide.

• Thumb - draws a hand with thumb up or down. Useful for signaling agreement or disagreement.

• Line - draws a straight line (no arrowheads)

• VDragLine - draws a straight line (no arrowheads), the v-drag version.

• Box - draws a box or rectangle shape

Most component can just be included in-line in your markdown. However, in some cases it can make sense to position these components using the v-drag directive. For example, the SpeechBubble component can be positioned using the v-drag directive to place it in a specific location on the slide. This can be useful for creating custom layouts or animations. In that case, it makes sense to keep the component in the default slot of each layout.