Block Component

The Block component creates Beamer-style colored blocks for highlighting important content.

Basic Usage

<Block type="info" title="Important Note">

Your content here...

</Block>

Or using the syntax sugar:

:::block{type="info" title="Important Note"}
Your content here...
:::

Available Types

Type	Color	Use Case
default	Gray	General information
info	Blue	Informational content
success	Green	Positive results
warning	Yellow	Cautions
danger	Red	Critical warnings
example	Cyan	Examples
alert	Pink	Alerts

Examples

Information Block

:::block{type="info" title="Research Finding"}
Our study shows a significant improvement in accuracy.
:::

Warning Block

:::block{type="warning" title="Limitation"}
This method requires large amounts of training data.
:::

Example Block

:::block{type="example" title="Case Study"}
Consider the function $f(x) = x^2$...
:::

Props

Prop	Type	Default	Description
type	string	'default'	Block style type
title	string	-	Optional title for the block