May 1, 2025
This is the complete reference for every custom MDX component available on this site. Each section shows the simplest possible usage first, followed by special cases, prop combinations, and edge cases. Every demo below is a live render — exactly what these components look like in real articles.
How to read this guide
- Basic usage — the minimal, most common form of each component
- Special cases — advanced props, combinations, edge behaviours
- Every component is globally registered — no imports needed in
.mdxfiles - The
colorprop drives all theming;mainIcondrives header icons;shade+opacitycontrol background intensity
Part I — Text Blocks
Callout
The primary highlighted block. Has a title, header icon, and body. Eight colour themes, 28 icon options, 12 bullet variants, and two background axes (shade + opacity).
Basic usage — default pink:
Dôležité pravidlo
Každý JSX tag musí byť správne uzavretý — buď párovým tagom, alebo samouzatváracím
<Komponent />.Vzorový kód — Callout
<Callout title="Dôležité pravidlo" color="pink" mainIcon="note">
Každý JSX tag musí byť správne uzavretý.
</Callout>
color values:
color=pink — informácia (default)
Základný informačný blok. Vhodný pre všeobecné poznámky a doplňujúce informácie k textu.
color=magenta — autorský komentár
Osobná poznámka alebo alternatívny pohľad autora, ktorý vybočuje z neutrálneho tónu textu.
color=orange — upozornenie
Upozornenie na potenciálne riziká, bežnú chybu alebo dôležitú podmienku, ktorú treba splniť.
color=blue — kód a technické bloky
Technický blok alebo vzorový kód. Kombinuj s kódovým blokom vo vnútri.
color=green — osvedčený postup
Osvedčený postup, kľúčový bod alebo pozitívna odporúčaná prax.
color=red — kritická chyba
Zakázaný postup alebo kritická chyba, ktorá spôsobí nefunkčnosť alebo stratu dát.
color=yellow — kľúčový pojem
Kľúčový pojem alebo najdôležitejšia pasáž v rámci celej sekcie.
color=gray — neutrálna informácia
Všeobecná informácia bez emočného zafarbenia alebo sémantickej naliehavosti.
mainIcon variants:
mainIcon=trap — pascová chyba na skúške
Frekventovaná chyba pri skúške: negatívne posilnenie ZVYŠUJE, nie znižuje frekvenciu správania.
mainIcon=definition — definícia pojmu
Kognitívna disonancia — nepríjemný stav spôsobený dvoma si odporujúcimi presvedčeniami. (Festinger, 1957)
mainIcon=example — príklad
Pavlov kŕmil psa hneď po zvuku zvončeka. Po niekoľkých opakovaniach pes slinel na zvonček samotný.
mainIcon=reflection — otázka na zamyslenie
Prečo vyhásínanie nie je to isté ako zabudnutie? Ako to dokazuje spontánna obnova?
mainIcon=quote — citát
„The signal always precedes the event which it signals." — Ivan Pavlov, 1927
mainIcon=brain — neuroveda
Hipokampus je kľúčový pre konsolidáciu explicitných spomienok. Bilaterálne poškodenie vedie k anterográdnej amnézii.
shade + opacity combinations:
shade=dark opacity=80
Tmavá varianta s vysokou intenzitou — vhodná pre výrazné kľúčové bloky.
shade=light opacity=40
Veľmi jemná priehľadná varianta — iba slabý farebný nádych, takmer bez pozadia.
shade=neutral
Sivé neutrálne pozadie nezávislé od farebnej témy — len ľavý border je farebný.
bullets=check — záverečné body
- Klasické podmieňovanie — asociácia CS–UCS
- Vyhásínanie nastáva po opakovanom CS bez UCS
- Spontánna obnova — CR sa môže vrátiť po prestávke
- Generalizácia podnetu — reakcia na podobné podnety
bullets=arrow — sekvenčné body
- CS (podmienený podnet) sa páruje s UCS (nepodmienený podnet)
- Po opakovaných párovaníach sa CS stane signálom pre UCS
- CR (podmienená reakcia) sa objaví bez prítomnosti UCS
color="blue":
Vzorový kód — parseArrayProp
export function parseArrayProp<T>(prop: T[] | string | undefined): T[] {
if (Array.isArray(prop)) return prop;
if (typeof prop === "string") {
try { return JSON.parse(prop) as T[]; } catch { return []; }
}
return [];
}
Note
Compact inline note — coloured left border only. No title, no icon. Defaultshade="neutral" gives a grey background independent of the colour theme.
Basic usage:
Doplňujúca informácia priamo v toku textu bez nadpisu ani ikony.
Vzorový kód — Note
<Note color="pink">Doplňujúca informácia priamo v toku textu.</Note>
<Note color="green" bullets="check">
- Pracovná pamäť má kapacitu ~7 ± 2 prvkov
- Chunkovaním je možné kapacitu zvýšiť
</Note>
color values (left border only, grey background):
color=pink — informácia
color=orange — upozornenie na bežnú chybu alebo podmienku
color=green — osvedčený postup alebo potvrdzujúca poznámka
color=red — zakázaný postup
color=blue — technická poznámka
color=yellow — kľúčový pojem
Special — shade="normal" (coloured background, not grey):
Toto je Note so
Special — with list and bullets:
shade="normal" — pozadie má plnú farebnú témy, nie neutrálnu sivú.- Pracovná pamäť má kapacitu ~7 ± 2 prvkov (Miller, 1956)
- Chunkovaním je možné efektívnu kapacitu výrazne zvýšiť
- Aktívne opakovanie zabraňuje vypadnutiu z krátkodobej pamäti
Definition
Introduces a new term for the first time. Coloured header contains the term name; white body holds the definition. For multiple definitions in sequence, use<TerminologyList> instead.
Basic usage:
Vzorový kód — Definition
<Definition title="Klasické podmieňovanie" color="yellow">
Forma asociatívneho učenia, pri ktorej sa neutrálny CS...
</Definition>
color values:
Special — with a list inside the body:
Summary
Closing summary block — more prominent than<Callout>. Coloured top bar, bookmark icon. Place at the end of sections.
Basic usage — key takeaways:
Vzorový kód — Summary
<Summary title="Kľúčové poznatky" color="green" bullets="check">
- Klasické podmieňovanie = asociácia CS–UCS → CR
- Vyhásínanie nie je zabudnutie — je to inhibičné učenie
</Summary>
mainIcon="reflection" (otázky na zamyslenie):
Special — mainIcon="tip" + bullets="check" + shade="dark":
Special — mainIcon="brain" + color="blue":
Sub and Divider
Visual section separators.<Sub /> = three dots (strong visual break). <Divider /> = gradient line (subtle break within a topic).
<Sub> — all colour options:
<Divider> — subtle gradient lines:
Vzorový kód — Sub · Divider
<Sub color="pink" />
<Divider color="blue" />
KeyFact
A bold memorisation card for a single critical value — number, term, or short phrase. Thevalue renders in 2 rem display type in the theme accent colour; label gives it context; optional detail adds a smaller note (author, year, exam relevance). On desktop the value and label sit side-by-side; on mobile they stack vertically.
Basic usage:
7 ± 2
Capacity of working memoryG. Miller (1956) — in test questions the accepted answer is 5–7 items
Vzorový kód — KeyFact
<KeyFact
value="7 ± 2"
label="Capacity of working memory"
detail="G. Miller (1956)"
color="blue"
/>
color palette:
1879
Birth of scientific psychologyWilhelm Wundt, Leipzig — first experimental laboratory
450 V
Maximum shock — Milgram's experiment65 % of participants reached this level
hipokampus
Brain's memory centreLimbic system — structure responsible for consolidating explicit memories
0.3 s
Duration of iconic (sensory) memoryG. Sperling (1960) — nearly unlimited capacity, fades within half a second
Part II — Inline Components
Concept
Small coloured pill tag directly in running text. Used to flag a technical term, theory name, or key concept inline. Optionalnote prop shows a hover tooltip.
Basic usage — inline term label:
Teória kognitívnej disonancie predpokladá, že nesúlad medzi dvoma presvedčeniami motivuje zmenu postoja alebo správania.
Vzorový kód — Concept
Teória <Concept>kognitívnej disonancie</Concept> predpokladá...
Tri prístupy: <Concept color="blue">behaviorizmus</Concept>,
<Concept color="pink" note="Festinger, 1957">kognitivizmus</Concept>
a <Concept color="green">humanistická psychológia</Concept>.
note tooltip:
Proces zabúdania
je exponenciálny — najrýchlejší v prvých hodinách po naučení.
Special — different color values inline:
Tri hlavné prístupy: behaviorizmus, kognitivizmus a humanistická psychológia tvoria základ modernej psychológie.
GlossaryTooltip
Discrete alternative to<Concept> — dotted underline only, no colour background. Ideal for dictionary-style definitions that must not break visual flow.
Basic usage:
Podľa behaviorizmu sú všetky duševné javy vysvetliteľné podmieňovaním.
Vzorový kód — GlossaryTooltip
Podľa <GlossaryTooltip definition="Behaviorizmus — psychologický smer...">
behaviorizmu
</GlossaryTooltip> sú všetky duševné javy vysvetliteľné podmieňovaním.
Reference
Async server component for formal academic citations.direct="true" = direct quote with quotation marks; direct="false" = paraphrase. I18n-aware labels rendered server-side.
Basic — direct quote:
The signal always precedes the event which it signals.Quote— Ivan Pavlov • s. s. 16
Vzorový kód — Reference
<Reference
author="Ivan Pavlov"
year="1927"
book="Conditioned Reflexes"
page="s. 16"
quote="The signal always precedes the event which it signals."
direct="true"
color="gray"
/>
<Reference
author="Atkinson, R. L. a kol."
year="2003"
book="Psychologie"
page="s. 247"
quote="Klasické podmieňovanie zahŕňa tri základné fázy..."
direct="false"
color="pink"
/>
direct="false"):
Klasické podmieňovanie zahŕňa tri základné fázy: akvizíciu, vyhásínanie a spontánnu obnovu, pričom vyhásínanie je inhibičným učením, nie zabudnutím.Quote— Atkinson, R. L. a kol. • s. s. 247
color="blue" technical citation:
We propose that working memory consists of a central executive and at least two slave systems: the phonological loop and the visuospatial sketchpad.Quote— Baddeley, A. D. & Hitch, G. • s. Psychology of Learning and Motivation, Vol. 8
Part III — Academic Layout
SectionHeader
Visual replacement for standard## headings. Coloured left border, optional period badge, TOC inclusion control via noToc, semantic level via as.
Basic — H2 (default):
Behaviorizmus a jeho predstavitelia
Vzorový kód — SectionHeader
<SectionHeader title="Behaviorizmus a jeho predstavitelia" color="pink" />
<SectionHeader title="Antika a helénska filozofia"
period="8. – 3. stor. pred n. l."
color="yellow"
/>
<SectionHeader title="Kľúčové experimenty" as="h3" color="blue" noToc />
period badge:
Antika a helénska filozofia8. – 3. stor. pred n. l.
Special — H3 (as="h3") for sub-sections:
Kľúčové experimenty
Special —noToc (excluded from table of contents):
Táto sekcia nie je v TOC
TopicHighlight
The primary card component for any named academic entity: person, theory, anatomy, experiment, disorder, method, school, or concept. Basic —mainIcon="person" (psychologist profile):
Vzorový kód — TopicHighlight
<TopicHighlight
title="Ivan Pavlov"
subtitle="1849–1936"
badge="Fyziológia / Behaviorizmus"
mainIcon="person"
color="blue"
>
Ruský fyziológ a Nobelov laureát (1904). Objavil klasické podmieňovanie.
</TopicHighlight>
mainIcon="theory" (psychological theory):
Special — mainIcon="anatomy" (brain structure):
Special — mainIcon="disorder" + color="orange" (clinical syndrome):
Special — mainIcon="experiment" + color="green":
Special — mainIcon="school" + color="magenta" (psychological school):
Special — with <SubSection> headings inside the card:
Special — secondary=true for nested cards:
TerminologyList + Term
Structured definition list for multiple paired term + definition entries. More efficient than repeating<Definition> for each term.
Basic usage:
- Podmienená reakcia (CR)
- Naučená reakcia vyvolaná CS po úspešnom podmieňovaní. Typicky slabšia a kratšia ako nepodmienená reakcia (UCR).
- Vyhásínanie (Extinction)
- Postupné oslabovanie CR pri opakovanom prezentovaní CS bez UCS. Nejde o zabudnutie — dôkaz: spontánna obnova.
- Generalizácia podnetu
- Tendencia reagovať CR aj na podnety podobné pôvodnému CS. Opisuje ju gradient generalizácie — čím väčšia podobnosť, tým silnejšia CR.
Vzorový kód — TerminologyList + Term
<TerminologyList color="yellow">
<Term title="Podmienená reakcia (CR)">
Naučená reakcia vyvolaná CS po úspešnom podmieňovaní.
</Term>
<Term title="Vyhásínanie" bullets="arrow">
Postupné oslabovanie CR.
- Nejde o zabudnutie — dôkaz: spontánna obnova
- Nastáva pri opakovanom CS bez UCS
</Term>
</TerminologyList>
color + lists inside <Term> bodies:
- Fonologická slučka
- Podsystém pracovnej pamäti pre verbálne a sluchové informácie.
- Fonologické úložisko — pasívny sklad sluchových stôp (~2 s)
- Artikulačný opakovací proces — "vnútorný hlas" obnovujúci informácie
- Visuopriestorová tabuľa
- Podsystém pre vizuálne a priestorové informácie.
- Mentálna rotácia objektov
- Priestorová navigácia a kognitívne mapy
- Centrálna exekutíva
- Riadiaci systém pracovnej pamäti — nemá vlastné pamäťové kapacity, len koordinuje podsystémy a riadi pozornosť. Zodpovedná za inhibíciu, prepínanie a aktualizáciu.
AccordionGroup + AccordionItem
Collapsible panels for supplementary detail. Uses native<details>/<summary> HTML for accessibility. Open/close with animated chevron.
Basic usage:
Čo je blokovanie (blocking effect)?
Kamin (1969): ak je CS A (svetlo) plne asociovaný s UCS, pridanie CS B (tón) v kombinácii A+B→UCS nezvedie ku kondicionovaniu B. UCS nie je surprizný, keď je A prítomné — Rescorla-Wagnerov model to formalizoval.
Čo je latentná inhibícia?
Opakovaná predexpozícia CS bez UCS spomaľuje neskoršie podmieňovanie — CS stráca "novinkovú hodnotu". Znížená latentná inhibícia bola nájdená u pacientov so schizofréniou.
Čo je podmienená chuťová averzia (Garciov efekt)?
Garcia & Koelling (1966): potkany si ľahko spájajú chuť s nevoľnosťou (aj po jedinom párovaní a 6-hodinovom intervale), ale nie so šokom. Porušuje predpoklad equipotentiality a dokazuje biologickú pripravenosť.
Vzorový kód — AccordionGroup + AccordionItem
<AccordionGroup color="orange">
<AccordionItem title="Čo je blokovanie?">
Kamin (1969): ak je CS A plne asociovaný s UCS, pridanie CS B
v kombinácii A+B nezvedie ku kondicionovaniu B.
</AccordionItem>
<AccordionItem title="Čo je latentná inhibícia?">
Opakovaná predexpozícia CS bez UCS spomaľuje neskoršie podmieňovanie.
</AccordionItem>
</AccordionGroup>
color="pink" for general Q&A:
Prečo je vyhásínanie inhibičné učenie, nie zabudnutie?
Dôkaz pochádza zo spontánnej obnovy: po prestávke sa CR čiastočne obnoví bez ďalšieho podmieňovania. Keby išlo o zabudnutie, žiadna obnova by nenastala. Vyhásínanie teda len maskuje pôvodnú asociáciu novým inhibičným zápisom.
Aký je rozdiel medzi pozitívnym a negatívnym posilnením?
Oba ZVYŠUJÚ frekvenciu správania — líšia sa mechanizmom. Pozitívne: pridáme príjemný podnet. Negatívne: odstránime averzívny podnet. Negatívne posilnenie NIE JE trest.
Mnemonic + MnemonicItem
Study aid block for acronyms and memory devices. Use<MnemonicItem title="Word"> children — the first letter of title becomes a themed tile; the remaining characters appear as the concept label beside it. Body content (text + lists) renders below the label.
Basic usage — OCEAN:
Vzorový kód — Mnemonic + MnemonicItem
<Mnemonic word="OCEAN" title="Big Five model osobnosti" color="magenta">
<MnemonicItem title="Openness">
otvorenosť skúsenostiam: zvedavosť, kreativita
</MnemonicItem>
<MnemonicItem title="Conscientiousness" bullets="disc">
svedomitosť
- organizovanosť
- spoľahlivosť
</MnemonicItem>
</Mnemonic>
color="blue" technical acronym:
Special — color="green" therapy acronym:
Timeline
Vertical chronological list with a coloured connecting line. Items are passed as a JSON string. Basic usage:1879Wilhelm Wundt zakladá prvé experimentálne laboratórium psychológie v Lipsku.
1890William James vydáva Principles of Psychology — zakladá funkcionalizmus.
1900Freud vydáva Výklad snov — začiatok psychoanalýzy.
1913Watson vydáva Psychology as the Behaviourist Views It — manifest behaviorizmu.
1927Pavlov vydáva Conditioned Reflexes — systematizácia klasického podmieňovania.
1956Miller publikuje The Magical Number Seven — kognitívna revolúcia sa začína.
1974Baddeley & Hitch navrhujú Model pracovnej pamäti.
Vzorový kód — Timeline
<Timeline
color="blue"
items='[
{"date": "1879", "text": "Wilhelm Wundt zakladá laboratórium psychológie."},
{"date": "1913", "text": "Watson vydáva manifest behaviorizmu."},
{"date": "1956", "text": "Miller: The Magical Number Seven."}
]'
/>
color="pink" developmental milestones:
0–2 r.Senzomotorické štádium (Piaget) — koordinácia zmyslov a pohybu, trvalnosť objektu.
2–7 r.Predoperačné štádium — symbolické myslenie, egocentrizmus, animizmus.
7–11 r.Konkrétno-operačné štádium — zachovanie množstva, reverzibilita, triedenie.
12+ r.Formálno-operačné štádium — abstraktné myslenie, hypotetické uvažovanie.
ExperimentCard
Structured reference card for a famous psychological study. Displaysname, researcher, and year in a themed header, then up to four labelled content sections: question (optional), method, finding, and significance (optional). Omitted sections are simply not rendered.
Basic usage — all four sections:
Vzorový kód — ExperimentCard
<ExperimentCard
color="red"
name="Milgramův experiment"
researcher="Stanley Milgram"
year="1961–1963"
question="Jak daleko půjde běžný člověk v poslušnosti vůči autoritě?"
method="Účastníci uštedřovali zdánlivé elektrošoky až po 450 V…"
finding="65 % účastníků dospělo k maximálnímu šoku…"
significance="Vysvětlil mechanismy slepé poslušnosti…"
/>
question + significance omitted):
Special — color="orange" for classical conditioning experiments:
Part IV — Data Visualisation
ScoreRing
SVG donut chart for an overall score.score and max accept both number and string (MDX compatibility).
Basic usage:
Vzorový kód — ScoreRing
<ScoreRing score={8.8} max={10} label="Celkové hodnotenie" />
<ScoreRing score={4.2} max={5} label="Empirická podpora (škála 0–5)" />
max (e.g. 5-point scale):
Special — lower score for contrast:
RatingBars
Labelled progress bars for per-dimension analysis. Basic usage:Hodnotenie aspektov behaviorizmu
Empirická podpora9.1/10
Vysvetľovacia sila7.8/10
Praktická aplikácia8.5/10
Historický vplyv9.7/10
Biologická platnosť5.2/10
Vzorový kód — RatingBars
<RatingBars
title="Hodnotenie aspektov behaviorizmu"
ratings='[
{"label": "Empirická podpora", "score": 9.1},
{"label": "Historický vplyv", "score": 9.7},
{"label": "Biologická platnosť", "score": 5.2}
]'
/>
max per item:
Výsledky experimentu (1 = min, 5 = max)
Sila podmienené reakcie4.1/5
Rýchlosť vyhásínania3.2/5
Miera generalizácie2.8/5
BarChart
Horizontal bar chart for benchmark comparisons.highlight: true marks an item in the accent colour.
Basic usage:
Percentuálna úspešnosť rôznych terapeutických prístupov
Kognitívno-behaviorálna terapia
Psychodynamická terapia
Humanistická terapia
Medikamentózna liečba
Bez terapie (kontrolná sk.)
Vzorový kód — BarChart
<BarChart
title="Úspešnosť terapeutických prístupov"
suffix=" %"
data='[
{"label": "KBT", "value": 72, "highlight": true},
{"label": "Psychodynamická", "value": 58},
{"label": "Bez terapie", "value": 31}
]'
/>
Indexy kognitívneho výkonu (norma = 100)
Verbálna pamäť
Pracovná pamäť
Procesná rýchlosť
Krátkodobá pamäť
Exekutívne funkcie
SpecGrid + SpecItem
Responsive key-value card grid.<SpecGrid color="..."> cascades a default colour to all children; individual <SpecItem color="..."> overrides it.
Basic — colour cascade from <SpecGrid>:
Narodený14. 9. 1849, Riazaň
Zomrel27. 2. 1936, Leningrad
OblasťFyziológia, psychológia
InštitúciaVojenskolekárska akadémia, St. Petersburg
Nobelova cena1904 — fyziológia trávenia
Hlavný objavKlasické podmieňovanie (1890s)
Vzorový kód — SpecGrid + SpecItem
<SpecGrid color="blue">
<SpecItem label="Narodený" value="14. 9. 1849, Riazaň" />
<SpecItem label="Nobelova cena" value="1904" color="yellow" />
<SpecItem label="Hlavný objav" value="Klasické podmieňovanie" color="green" />
</SpecGrid>
<SpecGrid>
<SpecItem label="Komponenta" value="Centrálna exekutíva" color="pink" />
<SpecItem label="Rok" value="1974" color="gray" />
</SpecGrid>
color per item:
KomponentaCentrálna exekutíva
FunkciaRiadenie pozornosti
KapacitaObmedzená
Subsystémy2 slave systems
AutoriBaddeley & Hitch
Rok1974
ProsCons
Two-column strengths/weaknesses block.variant="hardware" (green/red) for product reviews; variant="theory" (blue/orange) for academic evaluations.
Basic — variant="hardware" (default):
Výhody
- Silná empirická podpora z laboratórnych experimentov
- Jasné operacionálne definície — ľahko overiteľné a replikovateľné
- Priame klinické aplikácie (desenzibilizácia, averzná terapia)
- Ekonomický princíp: vysvetlenie bez mentálnych konštruktov
Nevýhody
- Ignoruje kognitívne procesy a vnútorné duševné stavy
- Zvieracie modely nemusia platiť pre ľudské správanie
- Redukcionistický — nevysvetlí komplexné ľudské správanie
- Biologická pripravenosť narúša predpoklad equipotentiality
Vzorový kód — ProsCons
<ProsCons
prosLabel="Výhody"
consLabel="Nevýhody"
pros='["Silná empirická podpora","Jasné operacionálne definície"]'
cons='["Ignoruje kognitívne procesy","Redukcionistický prístup"]'
/>
<ProsCons
variant="theory"
prosLabel="Prínosy"
consLabel="Kritika"
pros='["Metodologická prísnosť","Základ pre KBT"]'
cons='["Nezohľadňuje jazyk","Biologická pripravenosť"]'
/>
variant="theory" (academic evaluation):
Prínosy behaviorizmu
- Metodologická prísnosť — merateľné, replikovateľné
- Odhalenie základných mechanizmov učenia aplikovateľných na kliniku
- Základ pre KBT — najlepšie empiricky podložená psychoterapia
- Behaviorálna analýza — základy neurovedy správania
Kritika a obmedzenia
- Kognitívna revolúcia ukázala limity čisto behaviorálnych vysvetlení
- Nezohľadňuje jazyk a vyššie kognitívne funkcie (Chomsky vs. Skinner)
- Biologická pripravenosť — nie všetky asociácie sú rovnako ľahké
- Etická kontroverzia averznej terapie a punishment-based prístupov
Part V — Comparison and Tables
Versus
Side-by-side comparison of two concepts using one shared colour theme. Basic usage:Klasické podmieňovanie
- Nedobrovoľné reflexné reakcie
- Stimulus predchádza správaniu
- Asociácia: CS–UCS
- Vyhásínanie: CS bez UCS
- Pavlov, Watson, Rescorla
Operantné podmieňovanie
- Dobrovoľné zámerné správanie
- Dôsledok nasleduje správaniu
- Asociácia: správanie–výsledok
- Vyhásínanie: správanie bez posilnenia
- Skinner, Thorndike, Premack
Vzorový kód — Versus
<Versus
color="orange"
leftTitle="Klasické podmieňovanie"
rightTitle="Operantné podmieňovanie"
leftContent='["Nedobrovoľné reflexné reakcie","Stimulus predchádza správaniu"]'
rightContent='["Dobrovoľné zámerné správanie","Dôsledok nasleduje správaniu"]'
bullets="chevron"
/>
bullets="check" + color="pink":
Explicitná pamäť (deklaratívna)
Implicitná pamäť (nedeklaratívna)
- Nevedomé — nereflektuje sa
- Procedurálna, priming, podmienené reakcie
- Bazálne gangliá, mozoček, amygdala
- Nevie sa verbálne opísať — len demonštrovaním
- Vývojovo starší systém
color="blue" + shade="dark" for technical contrast:
Monolith (pred refaktoringom)
- 4 372 riadkov v jedinom súbore
- Typy, helpery a JSX spoločne
- Každá zmena zasiahne celý súbor
- Nezávislé testovanie nemožné
Feature-sliced (po refaktoringu)
- 212-riadkový orchestrátor + 30 modulov
- Každý súbor má jednu zodpovednosť
- Zmeny v types.ts majú nulový blast radius
- Každá komponenta je samostatne importovateľná
CompareTable + CompareTableItem
N-column side-by-side comparison — any number of items. UnlikeVersus (limited to exactly two), CompareTable accepts any number of <CompareTableItem> children. color, shade, opacity, and bullets are inherited from the parent and can be overridden per item. On mobile the columns stack vertically.
Basic usage — three-way comparison:
James-Langeova teória
- Periferná teória — telesná reakcia predá emócii
- Bojíme sa, lebo sa trasieme a utekáme
- Autori: William James, Carl Lange
Cannon-Bardova teória
- Thalamická teória — reakcia a emócia súčasne
- Talamus vysiela signál naráz do tela aj do kortexu
- Autori: Walter Cannon, Philip Bard
Schachter-Singer
- Dvoufaktorová teória — excitácia + kogn. zhodnotenie
- Záleží, ako situáciu interpretújeme
- Autori: Stanley Schachter, Jerome Singer
Vzorový kód — CompareTable
<CompareTable color="blue">
<CompareTableItem title="James-Langeova">
- Periferná teória — reakcia predá emócii
</CompareTableItem>
<CompareTableItem title="Cannon-Bardova">
- Thalamická teória — reakcia a emócia súčasne
</CompareTableItem>
<CompareTableItem title="Schachter-Singer">
- Dvoufaktorová — excitácia + kogn. zhodnotenie
</CompareTableItem>
</CompareTable>
color override:
Neuróza
- Miernejšia porucha — zachovaný kontakt s realitou
- Úzkosť, obsedantné myšlienky, fóbie
- Pacient si poruchu zvyčajne uvedomuje
Psychóza
- Závažná porucha — stratený kontakt s realitou
- Bludy, halucinácie, dezorganizované myslenie
- Pacient si poruchu zvyčajne neuvedomuje
shade="dark" opacity={70} bullets="check" inherited by all items:
Explicitná pamäť
- Vedomé vybavovanie faktov a udalostí
- Epizodická + sémantická
- Závislaná na hipokampe
Implicitná pamäť
- Nevedomá — prejavuje sa konaním, nie verbálne
- Procedurálna, priming, podmienené reflexy
- Bazálne gangliá, mozoček, amygdala
Table
Structured data table with coloured header and alternating row striping. Always prefer this over standard Markdown tables. Basic usage:| Typ posilnenia | Definícia | Príklad |
|---|---|---|
| Pozitívne posilnenie | Pridanie príjemného podnetu → frekvencia správania rastie | Pochvala za dobrý výkon |
| Negatívne posilnenie | Odstránenie averzívneho podnetu → frekvencia správania rastie | Vypnutie alarmu po prebudení |
| Pozitívny trest | Pridanie averzívneho podnetu → frekvencia správania klesá | Pokuta za neskorý príchod |
| Negatívny trest | Odstránenie príjemného podnetu → frekvencia správania klesá | Odobratie privilégia dieťaťu |
Vzorový kód — Table
<Table
color="pink"
headers='["Typ posilnenia", "Definícia", "Príklad"]'
rows='[
["Pozitívne posilnenie", "Pridanie príjemného podnetu", "Pochvala za výkon"],
["Negatívne posilnenie", "Odstránenie averzívneho podnetu", "Vypnutie alarmu"]
]'
/>
color="blue" multi-column reference table:
| Komponent | Typ | Kapacita | Obsah | Porucha pri poškodení |
|---|---|---|---|---|
| Centrálna exekutíva | Riadiaci | Obmedzená | Pozornostné zdroje | Dysexekutívny syndróm |
| Fonologická slučka | Slave system | ~2 s / 7 slabík | Verbálne, sluchové | Foném. dyslexia |
| Visuopriestorová tabuľa | Slave system | Obmedzená | Vizuálne, priestorové | Vizuokonštrukčná apráxia |
| Epizodický zásobník | Integračný | ~4 epizódy | Multimodálna integrácia | Amnézia (väzba na LTM) |
color="yellow" + shade="dark" header:
| Štádium | Vek | Kľúčové akvizície | Obmedzenia |
|---|---|---|---|
| Senzomotorické | 0–2 r. | Trvalnosť objektu (8–12 mes.), motorická koordinácia | Žiadne symbolické myslenie |
| Predoperačné | 2–7 r. | Symbolická hra, jazyk, egocentrizmus | Chýba reverzibilita, konzervačné mylenie |
| Konkrétno-operačné | 7–11 r. | Zachovanie množstva, triedenie, radenie | Len konkrétne obsahy, nie abstraktné |
| Formálno-operačné | 12+ r. | Abstrakcia, hypotetické uvažovanie, deduktívna logika | Nie všetci dospelí dosahujú |
Part VI — Interactive Components
QuizCard
Flashcard-style component — question always visible, answer revealed on click.answer shows a highlighted key answer; children add elaborated explanation below.
Basic — question and short answer only:
Vzorový kód — QuizCard
<QuizCard
question="Čo je spontánna obnova?"
answer="Čiastočná obnova CR po prestávke po vyhásínaní."
color="pink"
/>
<QuizCard
question="Ako Baddeley & Hitch (1974) vylepšili model krátkodobej pamäte?"
answer="Nahradili unitárnu STM štvorkomponentovým modelom pracovnej pamäte."
color="pink"
bullets="check"
>
- **Centrálna exekutíva** — koordinuje podsystémy
- **Fonologická slučka** — verbálna pamäť
- **Visuopriestorová tabuľa** — vizuálna pamäť
</QuizCard>
children:
Special — color="blue" + bullets="arrow" without children:
Special — color="orange" for exam traps:
StepList + Step
Numbered (ordered) or icon-bulleted (unordered) step-by-step sequence. Basic —variant="ordered" (default):
Akvizičná fáza
CS (napr. zvonček) sa opakovane páruje s UCS (jedlo) v tesnom časovom súsledí (~0,5 s). Sila CR rastie s počtom párovaní až po asymptotu — závisí od intenzity UCS.
Vyhásínanie
CS sa prezentuje bez UCS. CR postupne slabne. Toto je nové inhibičné učenie, nie zabudnutie.
Spontánna obnova
Po dostatočnej prestávke sa CR čiastočne obnoví pri prvom prezentovaní CS — dôkaz, že pôvodná asociácia nebola vymazaná.
Akvizičná fáza
CS (napr. zvonček) sa opakovane páruje s UCS (jedlo) v tesnom časovom súsledí (~0,5 s). Sila CR rastie s počtom párovaní až po asymptotu — závisí od intenzity UCS.
Vyhásínanie
CS sa prezentuje bez UCS. CR postupne slabne. Toto je nové inhibičné učenie, nie zabudnutie.
Spontánna obnova
- CS sa prezentuje bez UCS. CR postupne slabne. Toto je nové inhibičné učenie, nie zabudnutie.
- ďalší text
Vzorový kód — StepList + Step
<StepList color="blue" variant="ordered">
<Step title="Akvizičná fáza">
CS sa opakovane páruje s UCS v tesnom časovom súsledí (~0,5 s).
</Step>
<Step title="Vyhásínanie">
CS sa prezentuje bez UCS. CR postupne slabne.
</Step>
<Step title="Spontánna obnova">
Po prestávke sa CR čiastočne obnoví — pôvodná asociácia nebola vymazaná.
</Step>
</StepList>
variant="unordered" + bullets="check" in body:
Systematická desenzibilizácia
Wolpe (1958) — aplikácia klasického podmieňovania pri liečbe fóbií:
- Nacvičenie hlbokej svalovej relaxácie
- Zostrojenie hierarchie strachových podnetov (od najslabších)
- Postupná expozícia pri simultánnej relaxácii
Averzná terapia
Parovanie nežiaduceho správania (alkohol, fajčenie) s averzívnym podnetom (nauzea, elektrošok). Eticky kontroverzná; prednosť má KBT.
Biofeedback
Podmieňovanie autonómnych reakcií (srdcová frekvencia, krvný tlak) cez meranie a spätné oznamovanie fyziologických signálov v reálnom čase.
color="pink" without body content (title only):
Definovanie výskumnej otázky a hypotézy
Návrh experimentálneho designu a výber participantov
Zber dát a kontrola konfundujúcich premenných
Štatistická analýza a interpretácia výsledkov
Publikácia a peer-review
TreeList
Transforms a nested markdown list into a visual taxonomy tree with L-shaped connector lines. No JSON — just indented markdown list syntax (two spaces per level). Basic — two levels:- Podmieňovanie
- Klasické podmieňovanie (Pavlov)
- Operantné podmieňovanie (Skinner)
- Pozorovacie učenie (Bandura)
Vzorový kód — TreeList
<TreeList color="green">
- Podmieňovanie
- Klasické podmieňovanie (Pavlov)
- Operantné podmieňovanie (Skinner)
- Pozorovacie učenie (Bandura)
</TreeList>
- Pamäťové systémy
- Senzorická pamäť
- Ikonická (zraková, ~250 ms)
- Echoická (sluchová, ~3–4 s)
- Krátkodobá / Pracovná pamäť
- Centrálna exekutíva
- Fonologická slučka
- Visuopriestorová tabuľa
- Epizodický zásobník
- Dlhodobá pamäť
- Explicitná (deklaratívna)
- Epizodická — osobné udalosti
- Sémantická — všeobecné vedomosti
- Implicitná (nedeklaratívna)
- Procedurálna — zručnosti a návyky
- Priming — facilitácia spracovania
- Podmienené reakcie
- Explicitná (deklaratívna)
- Senzorická pamäť
color="yellow" DSM diagnostic hierarchy:
- Úzkostné poruchy (MKN-10: F40–F48)
- Fobické úzkostné poruchy (F40)
- Agorafóbia
- Sociálna fóbia
- Špecifické fóbie
- Iné úzkostné poruchy (F41)
- Panická porucha
- Generalizovaná úzkostná porucha
- Obsesívno-kompulzívna porucha (F42)
- Reakcie na závažný stres (F43)
- Akútna stresová reakcia
- PTSD
- Poruchy prispôsobenia
- Fobické úzkostné poruchy (F40)
Tabs
Client-side tabbed interface. Content is server-rendered; only the tab selection runs client-side. Basic — 3 tabs:Klasické podmieňovanie
Vzorový kód — Tabs + Tab
<Tabs color="pink">
<Tab title="Klasické podmieňovanie">
Forma asociatívneho učenia, pri ktorej sa neutrálny CS...
</Tab>
<Tab title="Operantné podmieňovanie">
Skinner (1938) — správanie je riadené dôsledkami.
</Tab>
</Tabs>
color="blue" technical tabs:
Čo je renderListWithBullets?
