Callout boxes

Callout boxes are a way to highlight important information in your presentation. They can be used to draw attention to key points, provide additional context, or emphasize warnings and tips.

Note
Slydekit directly depends on showybox: 2.0.4 to build the callout boxes used by its built-in themes.

Types of callout boxes

Slydekit provides several types of callout boxes, each with its own purpose and style. The available types are:

All of these callout boxes are variations of the custom-box function, which can be defined in the theme with the following signature:

#let custom-box(
  title: none,
  icon: "info",
  color: rgb(29, 144, 208),
  body
)
Argument
title – default: none
string | none

The title of the callout box. If set to none, no title will be displayed.

Argument
icon – default: “info”
string

The icon to display in the callout box. This can be any valid icon name from the Slydekit icon set.

The available icons are: info, warning, tip, important, proof, question, and code.

Argument
color – default: rgb(29, 144, 208)
color

The color of the callout box. This can be any valid color value.

Argument
body
content

The content of the callout box. This can be any valid Typst content, including text, images, and other elements.

You can use the custom-box function to create your own callout boxes with custom titles, icons, and colors or use it directly in your presentation.

Example usage

Each built-in theme has its own visual style for the callout boxes, but they all share the same interface through the fixed theme contract.

== Callout boxes

#info-box[#lorem(10)]

#tip-box[#lorem(10)]

#warning-box[#lorem(10)]

==

#important-box[#lorem(10)]

#proof-box[#lorem(10)]

==

#question-box[#lorem(10)]

#code-box[#lorem(10)]

Simple

Metropolis

Fancy

Cambfurt

Chalkboard