Components

Alert and Example Inline style

To emphasize specific words or text, you can:

• Use the default .alert class, e.g. important note.
• Use the default .example class e.g. For example, look at this text

Components

Custom Inline Color Attributes

• Use inline color and bg attribute for custom color and background color,
  • [colored text]{color="#2a74f5"} produce colored text
  • [text with background color]{bg="#f5e347"} produce text with background color
  • [colored text with background]{color="#2a74f5" bg="#f5e347"} produce colored text
• Note that, when using inline attributes, DO NOT PUT SPACE on either side of equal (=) sign, that, write like color="#2a74f5", instead of color = "#2a74f5"

Components

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel rhoncus ante. Donec vitae euismod nibh. In ultrices vestibulum erat, non maximus orci elementum in. Ut eget erat et felis consequat volutpat. Donec ac iaculis justo. Phasellus vitae mi tempor leo scelerisque consequat sed at nibh.

Components

Citations

1. Xie (2023)

2. Allaire et al. (2023)

3. Allaire (2023)

Custom Blocks

There are three custom blocks that you can use. Create them using .callout class in a div (:::) and specify the type.

• For default block, use type='default'

• For alert block, use type='alert'

• For example block, use type='example'

Default block

::: {.callout type='default'}
## Default block

This is a default block
:::

renders to,

Alert Block

::: {.callout type='alert'}
## Alert Block

This is a alert block
:::

renders to,

Example Block

::: {.callout type='example'}
## Example Block

This is a example block
:::

renders to,

Tables

Table 1 is created using markdown.

Tables

For details of Table 2, check by running ?CO2 in R console.

Images

Random Image from Picsum