Catalog · Conținut și date
Ultima actualizare
Asociază o dată vizibilă cu valoarea tehnică din elementul time.
Prezentare
Asociază o dată vizibilă, lizibilă, cu valoarea tehnică din elementul `<time>`.
Când se folosește
- la finalul unei pagini sau secțiuni de conținut care se poate schimba în timp.
Când nu se folosește
- pentru conținut static, fără o dată de relevanță reală.
Anatomie
Un `<p class="sd-last-updated">` cu `<time datetime="AAAA-LL-ZZ">`.
Variante
- implicit — o singură variantă
Stări
- nu are stări interactive proprii
Comportament
Element static.
Reguli de conținut
- data vizibilă e în format românesc lizibil („23 iulie 2026"), în timp ce atributul `datetime` rămâne ISO 8601.
Cercetare
Istoric
| Versiune | Dată | Modificare |
|---|---|---|
| 0.1.0-alpha.0 | Publicare inițială în @sistem-digital/components, ca parte a componentelor de conținut și afișare a datelor (PR #51). |
Structura completă a acestei secțiuni urmează șablonul canonic al paginii unei componente. Accesibilitatea (semantică, tastatură, focus) rămâne documentată separat, conform șablonului de accesibilitate.
Preview și markup canonic
Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.
Ultima actualizare:
Instalare și importuri
pnpm add @sistem-digital/tokens @sistem-digital/components@import '@sistem-digital/components/content.css';<p class="sd-last-updated">Ultima actualizare: <time datetime="2026-07-23">23 iulie 2026</time></p>Contract și surse
Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.
Matricea design–cod
Disponibilitatea reală a acestei componente, calculată din pachetele publicate, conform schemei matricei design–cod. Rândurile Figma, testare cu tastatura și testare cu cititor de ecran rămân „Indisponibil” până la dovezi publicate separat (kit Figma, respectiv auditul manual de accesibilitate).
| Canal | Disponibilitate |
|---|---|
| Figma | Indisponibil |
| HTML/CSS | Disponibil |
| Web Components | Indisponibil |
| React | Indisponibil |
| Documentație | Disponibil |
| Teste automate | Disponibil |
| Testare cu tastatura | Indisponibil |
| Testare cu cititor de ecran | Indisponibil |
A fost utilă această pagină?
Linkul deschide un formular GitHub precompletat. Nu transmitem nimic până când alegi să publici feedback-ul și îți recomandăm să nu incluzi date personale.