Estados de un componente

[Diehault]

Nombre en Obelisco: Alerta de estado (componente "Alerta").
Descripción: Construir una alerta que nos sirva para identificar el estado en el que se encuentra un componente desde la página de Estándares, el UI Kit y/o Storybook.
Necesidad solicitada por: Diseño.

[Diehault]

¡Hola! Actualizamos con las definiciones que hemos ido trabajando en cada una de las weekly.

¿Por qué el componente alerta?

El componente alerta nos permite dar aviso sobre el estado del sistema que, en este caso, implementaremos de la misma forma, pero sobre los estados de un componente o un elemento que hace parte de Obelisco.

¿Qué estados identificamos en Obelisco?

• Fuera de versión (deprecado).
• Actualización mayor (que involucra cambios importantes a nivel de sistema de diseño).
• Para distinguir un componente de otro (para evitar confundir un componente con otro o redireccionar).

Con el tiempo pueden surgir estados o necesidades que queramos cubrir con esta nueva práctica, pero consideramos que estos 3 puntos son los mínimos y los que hoy en día requerimos atender.

¿Cómo se ven estas alertas?

Estas alertas, inicialmente, estarán en la página de Estándares de Obelisco, dentro de la ficha del componente/guía de estilo/elemento que lo requiera. Se utilizarán alertas de peligro, advertencia o información dependiendo del caso o el mensaje a transmitir.

Img. de referencia:

¿Cuál es la idea de esta nueva práctica?

Buscamos brindar la mayor información posible sobre el estado de Obelisco y sobre lo que estamos trabajando, para evitar problemas futuros a aquellas personas que adopten el sistema de diseño. Es una forma de avisar sobre posibles cambios, advertir sobre problemas que puedan surgir y optimizar tiempos.

Es un trabajo en conjunto de todo el sistema de diseño, ahora con la presencia del área de Contenidos dentro del equipo de Obelisco, y que busca generar estructuras estándares que luego podamos replicar para cada uno de los casos similares.

[Diehault]

¡Hola! 🕶

Creamos las branches en Figma y recuperamos de la página de Estándares las fichas de "Paleta de colores" y "Tipografía", para sumar entonces la alerta en el lugar que iría con el contexto real.

¿Cómo se ven las fichas ahora?

Paleta de colores

Tipografía

Cualquier cosa, estamos en contacto para charlar.