Basic Content Items

Basic content items are fundamental elements you can use to create and structure content in your modules. These include text, tables, grids, code blocks, and interactive buttons.

Text

Use a text item to add rich text content with formatting to your modules. The text item allows you to add formatted text content including headings, paragraphs, lists, links, and more. This is perfect for instructions, explanations, or any textual content in your modules.

Settings

Text items can be edited directly using the rich text editor. There are no separate settings panels.

Styles

Text items support standard rich text formatting including:

• Headings and subheadings
• Bold, italic, and underline
• Lists (ordered and unordered)
• Links
• Text colors and sizes

Table

Use a table item to display structured data in table format with rows and columns. The table item allows you to create tables with multiple rows and columns. This is useful for displaying structured information, comparisons, or organized data.

Settings

Setting	What it does
Rows	Set the number of rows in the table
Columns	Set the number of columns in the table

Styles

Table items support rich text formatting within cells, allowing you to customize the appearance of table content.

Grid

Use a grid item to organize content in a grid layout with multiple cells. The grid item allows you to arrange content in a structured grid format. Each cell in the grid can contain its own content, making it useful for organizing information visually.

Settings

Setting	What it does
Rows	Set the number of rows in the grid
Columns	Set the number of columns in the grid

Styles

Grid items support custom styling for cells and overall grid layout.

Code

Use a code item to display code snippets with syntax highlighting. This is perfect for showing examples, documenting APIs, or teaching programming concepts.

Settings

Setting	What it does
Language mode	Select the programming language for syntax highlighting

Styles

Code items display code with appropriate syntax highlighting based on the selected language mode.

Button

Use a button item to create interactive buttons with various actions. The button item allows you to add interactive buttons that can link to external URLs or perform other actions. This is useful for navigation, external links, or call-to-action elements.

Settings

Setting	What it does
Action	Choose the action type (link, etc.)
Link	Set the URL or target for the button action
Button text	Set the text displayed on the button

Styles

Setting	What it does
Text color	Choose the color for the button text
Background color	Choose the color for the button background
Text size	Set the size of the button text