example.qmd

---
title: "Cross Referencing the Name (section name, fig-name, table-name)"
author: Shafayet Khan Shafee
date: last-modified
date-format: "DD MMM, YYYY"
format:
  html:
    code-tools: true
  pdf: default
number-sections: true
df-print: kable
filters: 
  - nameref
---

> View the source code of this document by clicking `</> Code` on top right corner.

# Why Quarto is so great {#sec-stack}

`r stringi::stri_rand_lipsum(1)`. See \nameref{sec-stack}. Also you can use quarto way to refer to @sec-stack.

## How it is so {#how}

`r stringi::stri_rand_lipsum(1)`. See \nameref{how}.

## Images

```{r}
#| link-id: fig1
#| link-title: My Awesome plot
#| label: fig-random-plot
#| fig-cap: "An useless plot for demo"

plot(1:10)
```

`r stringi::stri_rand_lipsum(1)`. See \nameref{fig1}. And you can use quarto way to refer to @fig-random-plot.


## Tables

```{r}
#| link-id: tab1
#| link-title: Mtcars Data
#| label: tbl-mtcars
#| tbl-cap: First five row of mtcars data

head(mtcars)
```

`r stringi::stri_rand_lipsum(1)`. See \nameref{tab1}. And you can use quarto way to refer to @tbl-mtcars.


# Markdown Images

::: {.link link-id="fig2" link-title="Scatter plot"}

![mpg ~ hp](images/mpg.png){#fig-fig2}

:::

`r stringi::stri_rand_lipsum(4)`. See \nameref{fig2}. And you can use quarto way to refer to @fig-fig2.


# Markdown Table

::: {.link link-id="tab2" link-title="Markdown table"}

| Col1 | Col2 | Col3 |
|------|------|------|
| A    | B    | C    |
| E    | F    | G    |
| A    | G    | G    |

: My Caption {#tbl-tab2}

:::

`r stringi::stri_rand_lipsum(4)`. See \nameref{tab2}. And you can use quarto way to refer to @tbl-tab2.