Testování komponent
Přehled všech dostupných komponent a obsahových prvků v Fuma Docs
Tato stránka obsahuje přehled všech dostupných komponent a obsahových prvků, které můžeš použít v dokumentaci.
Základní formátování textu
Tučné, kurzíva a další
Toto je tučný text a toto je kurzíva. Můžeš také použít tučnou kurzívu nebo přeškrtnutý text.
Pro inline kód použij zpětné apostrofy.
Odstavce
Odstavce se oddělují prázdným řádkem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod, nisi vel consectetur interdum, nisl nisi aliquam eros.
Toto je druhý odstavec. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Nadpisy
Nadpisy se tvoří pomocí # symbolů. Na této stránce vidíš H2 (##) a H3 (###).
Toto je H3 nadpis
Toto je H4 nadpis
Toto je H5 nadpis
Toto je H6 nadpis
Seznamy
Nečíslovaný seznam
- První položka
- Druhá položka
- Vnořená položka A
- Vnořená položka B
- Ještě hlouběji vnořená
- Třetí položka
Číslovaný seznam
- První krok
- Druhý krok
- Podkrok 2.1
- Podkrok 2.2
- Třetí krok
Seznam úkolů (checklist)
- Dokončený úkol
- Další dokončený úkol
- Nedokončený úkol
- Ještě jeden nedokončený
Odkazy
Externí odkaz
Navštivte oficiální dokumentaci Fuma Docs pro více informací.
Interní odkaz
Přejděte na úvodní stránku nebo na slovníček pojmů.
Odkaz s title atributem
Obrázky
Základní obrázek
Obrázek s popiskem
Níže je ukázka loga:
Citace (Blockquote)
Toto je citace nebo zvýrazněný blok textu. Může obsahovat více řádků.
Důležité: Citace mohou obsahovat i formátování jako tučný text nebo kurzívu.
Vnořené citace
První úroveň citace
Vnořená citace
Ještě hlouběji vnořená citace
Tabulky
Základní tabulka
| Sloupec 1 | Sloupec 2 | Sloupec 3 |
|---|---|---|
| Obsah A1 | Obsah B1 | Obsah C1 |
| Obsah A2 | Obsah B2 | Obsah C2 |
| Obsah A3 | Obsah B3 | Obsah C3 |
Tabulka se zarovnáním
| Vlevo | Na střed | Vpravo |
|---|---|---|
| Text vlevo | Na střed | Text vpravo |
| 123 | 456 | 789 |
| ABC | DEF | GHI |
Praktická tabulka
| Funkce | Popis | Dostupnost |
|---|---|---|
| OCR | Automatické rozpoznávání textu | ✅ Ano |
| Párování | Automatické párování dokladů | ✅ Ano |
| Export | Export do účetního systému | ✅ Ano |
| API | Přístup přes API | ⚠️ Omezené |
Bloky kódu
Inline kód
Použij příkaz npm install pro instalaci balíčků.
Blok kódu bez zvýraznění
Toto je prostý text v bloku kódu.
Nemá žádné zvýraznění syntaxe.JavaScript
// Příklad JavaScript kódu
const pozdrav = "Ahoj světe!";
console.log(pozdrav);
function secti(a, b) {
return a + b;
}TypeScript
// Příklad TypeScript kódu
interface Uzivatel {
jmeno: string;
email: string;
vek?: number;
}
const uzivatel: Uzivatel = {
jmeno: "Jan Novák",
email: "jan@example.com",
};HTML
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<title>Ukázka</title>
</head>
<body>
<h1>Ahoj světe!</h1>
<p>Toto je odstavec.</p>
</body>
</html>CSS
/* Příklad CSS stylů */
.container {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
background-color: #f5f5f5;
}
.button {
background-color: #bc0072;
color: white;
border-radius: 8px;
}JSON
{
"nazev": "TAXY",
"verze": "2.0",
"funkce": ["OCR", "párování", "export"],
"aktivni": true
}Bash/Terminal
# Instalace závislostí
npm install
# Spuštění vývojového serveru
npm run dev
# Build pro produkci
npm run buildBlok kódu s názvem souboru
export function formatDate(date) {
return new Intl.DateTimeFormat("cs-CZ").format(date);
}Zvýraznění řádků
function example() {
// Tento řádek je zvýrazněn
const a = 1;
const b = 2; // Tento také
return a + b; // I tento
}Horizontální čára
Text před čárou.
Text za čárou.
Callout komponenty
Callout komponenty slouží k zvýraznění důležitých informací.
Výchozí Callout (info)
Info Callout
Tip: Toto je informační callout. Používej ho pro tipy a doplňující informace.
Warning Callout
Pozor: Toto je varovný callout. Používej ho pro důležitá upozornění.
Error Callout
Chyba: Toto je chybový callout. Používej ho pro kritické informace a chyby.
Success Callout
Úspěch: Toto je úspěšný callout. Používej ho pro potvrzení úspěšných akcí.
Callout s vlastním nadpisem
Vlastní nadpis
Můžeš přidat vlastní nadpis pomocí atributu title.
Důležité upozornění
Tento callout má vlastní nadpis a typ varování.
Callout s formátováním uvnitř
Formátování v calloutu
Uvnitř calloutu můžeš použít: - tučný text - kurzívu - inline kód -
odkazy
Cards komponenty
Karty slouží k vizuálnímu propojení na další stránky nebo sekce.
Základní karty
Úvod do TAXY
Základní informace o systému TAXY a jeho možnostech.
Průvodce pro účetní
Kompletní průvodce pro účetní kanceláře.
Karty bez odkazu
Karta bez odkazu
Tato karta nemá href, takže není klikatelná.
Další informace
Můžeš použít karty i jen pro zobrazení informací.
Více karet v řadě
OCR
Automatické rozpoznávání textu.
Banky
Propojení s bankami.
Workflow
Schvalovací procesy.
Portál
Klientský portál.
Tabs komponenty
Záložky umožňují přepínání mezi různým obsahem.
Základní záložky
Obsah první záložky. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Obsah druhé záložky. Sed do eiusmod tempor incididunt ut labore.
Obsah třetí záložky. Ut enim ad minim veniam, quis nostrud exercitation.
Záložky pro různé operační systémy
Instalace na Windows
- Stáhněte instalátor z webu
- Spusťte
.exesoubor - Postupujte podle průvodce
# Nebo přes winget
winget install taxyInstalace na macOS
- Stáhněte
.dmgsoubor - Přetáhněte aplikaci do složky Applications
# Nebo přes Homebrew
brew install taxyInstalace na Linux
# Debian/Ubuntu
sudo apt install taxy
# Fedora
sudo dnf install taxy
# Arch
sudo pacman -S taxyZáložky s různými jazyky
fetch('/api/doklady')
.then(response => response.json())
.then(data => console.log(data));import requests
response = requests.get('/api/doklady')
data = response.json()
print(data)<?php
$response = file_get_contents('/api/doklady');
$data = json_decode($response);
print_r($data);
?>Accordion komponenty
Akordeony umožňují skrývat a zobrazovat obsah.
Základní akordeon
Akordeon s formátovaným obsahem
Steps komponenty
Kroky jsou ideální pro návody a postupy.
Základní kroky
Přihlášení do systému
Otevřete webovou stránku a přihlaste se pomocí svých údajů.
Navigace do sekce Doklady
V levém menu klikněte na položku "Doklady".
Nahrání dokladu
Klikněte na tlačítko "Nahrát" nebo přetáhněte soubor do okna.
Kontrola a odeslání
Zkontrolujte správnost údajů a klikněte na "Odeslat".
Kroky s detailnějším obsahem
Krok 1: Registrace
Nejprve se musíte zaregistrovat:
- Přejděte na stránku registrace
- Vyplňte své údaje
- Potvrďte email
Registrace je zdarma a trvá jen 2 minuty.
Krok 2: Nastavení účtu
Po registraci nastavte svůj účet:
- Nahrajte profilovou fotku
- Vyplňte firemní údaje
- Propojte účetní systém
{
"firma": "Moje firma s.r.o.",
"ico": "12345678",
"dic": "CZ12345678"
}Krok 3: První doklad
Nahrajte svůj první doklad:
| Pole | Hodnota |
|---|---|
| Typ | Faktura přijatá |
| Dodavatel | ABC s.r.o. |
| Částka | 1 200 Kč |
Files komponenty
Komponenta pro zobrazení struktury souborů a složek.
Základní struktura
Složitější struktura
Struktura dokumentace TAXY
TypeTable komponenty
Tabulka pro dokumentaci typů, vlastností a API.
Základní TypeTable
Prop
Type
TypeTable s více vlastnostmi
Prop
Type
Kombinace komponent
Komplexní příklad
Než začnete
Ujistěte se, že máte nainstalované všechny potřebné nástroje.
Instalace
npm install @taxy/clientKonfigurace
Vytvořte soubor taxy.config.js:
module.exports = {
apiKey: 'vas-api-klic',
environment: 'production'
};Použití
import { TaxyClient } from '@taxy/client';
const client = new TaxyClient();
const doklady = await client.getDoklady();Gratulujeme! Nyní máte přehled všech dostupných komponent v Fuma Docs.