🗎 Example Page

V této sekci najdete příklady použití komponent ze kterých jsou složeny docs.

Docs je vytvořen pomocí Docusaurus.

Celé docs jsou psané ve "vylepšeném" markdownu -> mdx .

Kompletní dokumentace k Docusaurusu najdete zde.

Pro psaní docs dopoučujeme umět používat markdown a mdx.

Markdown guide zde.

Metadata

Každá stránka může mít metadata, podporovaná metadata najdete zde, nebo v docusaurus dokumentaci.

---
id: doc-markdown
title: Docs Markdown Features
hide_title: false
hide_table_of_contents: false
sidebar_label: Markdown
sidebar_position: 3
pagination_label: Markdown features
custom_edit_url: https://github.com/facebook/docusaurus/edit/main/docs/api-doc-markdown.md
description: How do I find you when I cannot solve this problem
keywords:
  - docs
  - docusaurus
image: https://i.imgur.com/mErPwqL.png
slug: /myDoc
last_update:
  date: 1/1/2000
  author: custom author name
---

# Nadpis

Příklady

Nadpis (h3)

Poznámka

Toto je poznámka 📝

Pozor

Toto je varování ⚠️

Nebezpečí

Toto je nebezpečí 🚨

Tip

Toto je tip 💡

Důležité

Toto je důležité 📌

Komentáře

<!-- This is a comment -->

Odkazy

Odkaz na github repo!

Code bloky

Syntax Highlighting

let description = "Hello Mom!";

console.log(description);

Code block s nadpisem

src/index.js

let description = "Hello Mom!";
console.log(description);

npm install

body {
  background-color: #fff;
}

A mnoho dalších...

Inline code

npm install

Tabulka

Obyčejná tabulka

Example 1	Example 2	Example 3
Lorem ipsum	dolor sit amet	consectetur adipiscing elit
Integer nec odio	Praesent libero	Sed cursus ante dapibus diam
Sed nisi	Nulla quis sem at nibh elementum imperdiet	Duis sagittis ipsum

Vycentrovaná tabulka

Example 1	Example 2	Example 3
Lorem ipsum	dolor sit amet	consectetur adipiscing elit
Integer nec odio	Praesent libero	Sed cursus ante dapibus diam
Sed nisi	Nulla quis sem at nibh elementum imperdiet	Duis sagittis ipsum

Tabulka zarovnaná doleva

Example 1	Example 2	Example 3
Lorem ipsum	dolor sit amet	consectetur adipiscing elit
Integer nec odio	Praesent libero	Sed cursus ante dapibus diam
Sed nisi	Nulla quis sem at nibh elementum imperdiet	Duis sagittis ipsum

Tabulka zarovnaná doprava

Example 1	Example 2	Example 3
Lorem ipsum	dolor sit amet	consectetur adipiscing elit
Integer nec odio	Praesent libero	Sed cursus ante dapibus diam
Sed nisi	Nulla quis sem at nibh elementum imperdiet	Duis sagittis ipsum

Zvýraznění

Toto je bold

Toto je bold

Toto je italic

This is italic

Toto je strikethrough

Citace

Toto je citace

Seznamy

Nečíslovaný seznam

• Toto je nečíslovaný seznam
• Toto je nečíslovaný seznam

Číslovaný seznam

1. Toto je číslovaný seznam
2. Toto je číslovaný seznam

Seznam s podseznamem

• Toto je nečíslovaný seznam
  • Toto je podseznam
  • Toto je podseznam

Obrázky

Obrázek 20% width stránky je potřeba použit html tag

Ostatní

Ostatní najdete v dokumentaci pro markdown features Docusaurusu.