16/Contenido

Timeline y changelog

Línea de tiempo con fecha a la izquierda. En móvil la fecha queda arriba de cada entrada.

Changelog

12 oct 2026
v0.1.0
Actual
Primera versión pública.
- 36 componentes
- 6 temas de color
1 sep 2026

Beta privada

Pruebas internas con proyectos reales.

HTML

<ol class="cb-timeline">
  <li class="cb-timeline__item is-current">
    <time class="cb-timeline__date" datetime="2026-10-12">12 oct 2026</time>
    <div class="cb-timeline__body">
      <div class="cb-timeline__head"><h3 class="cb-timeline__title">v0.1.0</h3><span class="cb-tag cb-tag--live">Actual</span></div>
      <div class="cb-timeline__text">Primera versión pública.<ul><li>36 componentes</li><li>6 temas de color</li></ul></div>
    </div>
  </li>
  <li class="cb-timeline__item">
    <time class="cb-timeline__date" datetime="2026-09-01">1 sep 2026</time>
    <div class="cb-timeline__body">
      <div class="cb-timeline__head"><h3 class="cb-timeline__title">Beta privada</h3></div>
      <p class="cb-timeline__text">Pruebas internas con proyectos reales.</p>
    </div>
  </li>
</ol>

Clases y modificadores

Clase	Descripción
`.cb-timeline`	Lista ordenada.
`.cb-timeline__item`	Entrada con punto y línea. `.is-current` resalta el punto.
`.cb-timeline__date`	Fecha (usa `time` con `datetime`).
`.cb-timeline__title`, `.cb-timeline__text`	Título y detalle. Las listas internas usan guiones.

Accesibilidad

Usa time datetime="..." para que la fecha sea legible por máquinas.