For dev use /dev/ project folder. This is a public dev page copy.

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

Paragraph

**Bold**

*Italic*

> Quote

:::info[custom title]
Highlights information that users should take into account, even when skimming.
:::

:::note
Highlights information that users should take into account, even when skimming.
:::

:::tip
Optional information to help a user be more successful.
:::

:::important
Crucial information necessary for users to succeed.
:::

:::warning
Critical content demanding immediate user attention due to potential risks.
:::

:::danger
Negative potential consequences of an action.
:::

:::details
This is a details block.
:::

:::note

**(GitHub Alert)** Highlights information that users should take into account, even when skimming.
:::

:::caution

**(GitHub Alert)** Negative potential consequences of an action.
:::

* List item

1. Numbered list item

[www.example.com](http://www.example.com)

[Link Outbound](https://www.example.com)

[Link internal markdown guide](/guide/features/markdown)

[#20](https://github.com/kobaltedev/solidbase/issues/20) also [#4](https://github.com/kobaltedev/solidbase/issues/4) but no #20

A note[^1]

[^1]: Big note.

~~one~~ or ~~two~~ tildes.

<kbd class="cls">Ctrl</kbd> + <kbd>C</kbd>

| a        | b        |        c |     d    |
| -------- | :------- | -------: | :------: |
| longword | longword | longword | longword |
| short    | short    |    short |  `short` |

* [ ] to do
* [x] done

`@kobalte/solidbase`

```
pnpm create solid
```

<br />

```tsx {4}
import { SolidBaseApp } from "@kobalte/solidbase";

export default function App() {
  return <SolidBaseApp />;
}
```

## Table of Contents

1. [Heading 1](#heading-1)

   1. [Heading 2](#heading-2)

      1. [Heading 3](#heading-3)

         1. [Heading 4](#heading-4)

   2. [Table of Contents](#table-of-contents)

***

Title as defined by frontmatter: Dev