Komponensek bemutatója (showcase)

Belső oldal, amely bemutatja a cikkben használható összes komponenst és azok változatait. A weboldal módosítása utáni megjelenés ellenőrzésére szolgál. Az oldalnak nincs kategóriája, nem vezet rá hivatkozás, és a keresőmotorok sem indexelik.

Szöveg és címsorok#

Bekezdés félkövér szöveggel, dőlt betűvel, inline kóddal, belső hivatkozással, szakaszra mutató hivatkozással, külső hivatkozással és e-mail-címmel.

Rendszercímke kódként: #ORDER_STOREFRONT_DETAIL_BUTTON#.

H3 címsor#

A H3 címsor a cikk jobb oldali tartalomjegyzékében megjelenik, a H4 nem.

H4 címsor#

A H4 címsor alatti szöveg.

Címsor rögzített horgonnyal#

Ennek a címsornak #pevna-kotva horgonya van, amely a címsor átnevezése után sem változik: hivatkozás a rögzített horgonyra.

Címsor ikonnal #

A címsorban lévő ikon a betűmérettel együtt skálázódik.

Listák#

Felsorolás:

• első elem
• második elem
  • beágyazott elem
    • második beágyazási szint
• harmadik elem

Számozott lista:

1. első lépés
2. második lépés
   1. beágyazott lépés
   2. újabb beágyazott lépés
3. harmadik lépés

Kombináció:

1. számozott elem
   • felsorolásjel belül
   • újabb felsorolásjel
2. újabb számozott elem

Kódblokk#

<LOGISTIC>
  <WEIGHT>1.5</WEIGHT>
</LOGISTIC>

Idézet és elválasztó#

Idézet. A cikkekben általában nem használjuk, a bemutató csak a stílus ellenőrzésére szolgál.

Szöveg a vízszintes elválasztó után.

Alert#

Színek alapértelmezett címmel#

Egyedi cím#

Gazdagabb tartalom#

Szín nélkül#

Ikonok#

Az egérrel fölé víve megjelenik az ikon nyelvi fájlból származó alapértelmezett címe.

Ikonok színei#

Az admin alapértelmezett színe:

A környező szöveg színe (color="inherit"):

Egyedi szín (color="#8a2be2"):

Ikon a hivatkozásban: bizonylat letöltése

Ikonok a szövegben#

A rendelést a ikonnal nyomtathatja ki, a sort a ikonnal törölheti, újat pedig a Hozzáadás gombbal adhat hozzá (title="": dekoratív ikon, a képernyőolvasó nem olvassa fel).

Színes pontok#

Szövegben: Teljesítve, Várakozik, (a label attribútummal rendelkező pontnak az egérrel fölé víve címe jelenik meg).

Alertben:

Képek#

Árnyékkal (shadow):

Árnyék nélkül:

Korlátozott szélességgel (maxWidth="280px"):

Képaláírás nélkül (a caption hiányzik, a képnek üres az alt szövege):

Táblázatok#

A cikkek szokásos táblázata (responsive bordered, light fejléc):

Csíkozott és kompakt (striped size="small"), fejléc nélkül:

Videó#

4:3 arányban és korlátozott szélességgel (ratio={4/3}, maxWidth="480px"):