portails/content/blog/shortcodes/index.md

title	description	summary	date	lastmod	draft	weight	images	categories	tags	contributors	pinned	homepage
Shortcodes	This cheat sheet provides a quick overview of all available Doks shortcodes.	This cheat sheet provides a quick overview of all available Doks shortcodes.	2023-03-31T12:07:31+02:00	2023-03-31T12:07:31+02:00	false	50				Henk Verlinde	false	false

Alert

Default

{{</* alert */>}}
**Note**: Advisories for malware are currently in beta and subject to change.
{{</* /alert */>}}

{{< alert >}} Note: Advisories for malware are currently in beta and subject to change. {{< /alert >}}

Context

{{</* alert context="primary" */>}}
**Note**: Advisories for malware are currently in beta and subject to change.
{{</* /alert */>}}

{{< alert context="primary">}} Note: Advisories for malware are currently in beta and subject to change. {{< /alert >}}

Icon

{{</* alert icon="👉" */>}}
Advisories for malware are currently in beta and subject to change.
{{</* /alert */>}}

{{< alert icon="👉" >}} Advisories for malware are currently in beta and subject to change. {{< /alert >}}

Details

{{</* details "How will we conduct IEP and 504 meetings?" */>}}
All meetings will be held *remotely*.
{{</* /details */>}}

{{< details "How will we conduct IEP and 504 meetings?" >}} All meetings will be held remotely. {{< /details >}}

Tabs

Run the following command in your terminal to start our handy install wizard, create-hyas.

{{</* tabs "create-new-site" */>}}
{{</* tab "npm" */>}}

```bash
npm create hyas@latest
```

{{</* /tab */>}}
{{</* tab "pnpm" */>}}

```bash
pnpm create hyas@latest
```

{{</* /tab */>}}
{{</* tab "Yarn" */>}}

```bash
yarn create hyas
```

{{</* /tab */>}}
{{</* /tabs */>}}

{{< tabs "create-new-site" >}} {{< tab "npm" >}}

npm create hyas@latest

{{< /tab >}} {{< tab "pnpm" >}}

pnpm create hyas@latest

{{< /tab >}} {{< tab "Yarn" >}}

yarn create hyas

{{< /tab >}} {{< /tabs >}}

cd into your new project directory to begin using Hyas. Install your dependencies before continuing.

{{</* tabs "install-dependencies" */>}}
{{</* tab "npm" */>}}

```bash
npm install
```

{{</* /tab */>}}
{{</* tab "pnpm" */>}}

```bash
pnpm install
```

{{</* /tab */>}}
{{</* tab "Yarn" */>}}

```bash
yarn install
```

{{</* /tab */>}}
{{</* /tabs */>}}

{{< tabs "install-dependencies" >}} {{< tab "npm" >}}

npm install

{{< /tab >}} {{< tab "pnpm" >}}

pnpm install

{{< /tab >}} {{< tab "Yarn" >}}

yarn install

{{< /tab >}} {{< /tabs >}}

Video

{{</* video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" */>}}

{{< video ratio="16x9" attributes="controls autoplay muted" webm-src="videos/flower.webm" mp4-src="videos/flower.mp4" >}}