🇲 🇩⬇️ Markdown Cheatsheet

Headings

# Heading 1

## Heading 2

### Heading 3

Formatting

_italic_
**bold**
**_bold + italic_**

- list item
  - sub-item

• list item
  • sub-item

Code Formatting

Inline code

`inline code`

Code block

```language
  <code>
```

```jsx title="/components/HelloCodeTitle.js"
  <code>
```

/components/HelloCodeTitle.js

function HelloCodeTitle(props) {
  return <h1>Hello, {props.name}</h1>;
}

Links

[link-text](src)

Images

![alt-text](src)
![Figma](/img/figma.png)

Boxes

:::note
change `note` to show different types
:::

:::note Custom Title
with a custom title
:::

note

change note to show different types

Custom Title

with a custom title

info

hello world

tip

hello world

caution

hello world

danger

hello world

Tables

type	description
feat	A new feature

tip

Use tablesgenerator.com to generate markdown tables in a spreadsheet like format.

Folder Trees

├── public
│   ├── css
│   │   ├── **/*.css

tip

Run tree in your terminal to generate a tree of your current directory.