Qué hay de nuevo?

Se agregaron 5 nuevos hooks diseñados para facilitar tareas comunes y hacer tu código más limpio.

Los nuevos hooks:

• useTable
  Transforma tus datos y definiciones de columnas en elementos listos para renderizar.
• useCounter
  Maneja contadores numéricos con limites configurables y operaciones comunes como incremento, decremento y reseteo.
• useLocalStorage
  Persiste datos en el navegador de forma reactiva.
• useCookie
  Maneja cookies con una API declarativa.
• useCountdown
  Crea cuentas regresivas personalizables para cualquier fecha objetivo
  

Revisa la documentación aquí 👉: BlifeHooks

Una colección de hooks para centralizar la lógica repetitiva y asegurar que todos trabajemos con la misma base de código y patrones

Revisa la documentación aquí 👉: BlifeHooks

Una tabla de visualización de datos con entrada de búsqueda, filtros por pestañas, estado de carga y estados vacío.

Features:

• Estado vacío con ilustración personalizada
• Estado de carga con skeleton
• Búsqueda integrada
• Sistema de pestañas para filtrado
• Bordes configurables (grid o row)
• Completamente responsive
  

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.39.0
@blifedesarrollo/blife-theme: 1.31.1

Revisa la documentación aquí 👉: DataTable

El componente Modal ahora incluye nuevos slots estructurados que facilitan la organización de contenido y acciones.

Features:

• Nuevo slot ModalHeader con soporte para título, descripción e ícono.
• Slot ModalBody para definir el contenido principal del modal.
• Slot ModalFooter para colocar acciones como botones.

El component Drawer ahora incluye nuevo slot y simplifica la composición de los sub componentes.

Features:

• Nuevo slot DrawerHeading con soporte para título, descripción e ícono.

Disponibles desde las versiones:
@blifedesarrollo/blife-ui: 1.38.0
@blifedesarrollo/blife-theme: 1.30.1

Revisa la documentación aquí 👉: Modal y Drawer

Los tabs ahora detectan automáticamente cuando el contenido se desborda y muestran controles de desplazamiento para facilitar la navegación. Esto mejora la experiencia en interfaces con muchos tabs sin perder el soporte de scroll nativo horizontal.

Features:

• Controles de desplazamiento automáticos

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.38.0
@blifedesarrollo/blife-theme: 1.30.1

Revisa la documentación aquí 👉: Tabs

Un botón flotante que despliega múltiples acciones con un solo toque, ideal para accesos rápidos.

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.37.0
@blifedesarrollo/blife-theme: 1.29.1

Revisa la documentación aquí 👉: SpeedDial

Un calendario interactivo que te permite elegir una o varias fechas fácilmente. Puedes moverte entre meses y años para encontrar la fecha que necesitas.

Features:

• Modos de selección único, múltiple y rango.
• Presets predefinidos para selección de fechas
• Desactivación flexible de fechas

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.36.0
@blifedesarrollo/blife-theme: 1.28.0

Revisa la documentación aquí 👉: Calendar

Una versión más simple, flexible y con un estilo más refinado del componente BulkActions. Centraliza las acciones importantes de tu interfaz. Facilita el acceso a acciones clave, ya sea en la parte superior o inferior de la pantalla.

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.34.0
@blifedesarrollo/blife-theme: 1.26.0

Consulta la documentación 👉: ActionBar

Selecciona colores sólidos o degradados. Ideal para formularios o editores visuales.

Features:

• Modo de selección entre color sólido y gradiente lineal.
• Soporte para valores en hexadecimal y CSS linear-gradient.

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.34.0
@blifedesarrollo/blife-theme: 1.26.0

Revisa la documentación aquí 👉: ColorPicker

El componente Tabs recibió ajustes sutiles en sus estilos que mejoran legibilidad sin romper su estructura original.

Features:

• Nueva variante solid.
• Scroll horizontal automático cuando hay más pestañas de las que caben.
• Nuevo slot TabIcon para colocar iconos junto al texto de cada tab.

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.30.0
@blifedesarrollo/blife-theme: 1.24.0

Revisa la documentación aquí 👉: Tabs

Selecciona múltiples opciones con personalización total. Ideal para formularios y cualquier caso donde una opción no es suficiente.

Features:

• Selección múltiple con etiquetas dinámicas.
• Eliminación de opciones con un solo clic.
• Personalizar renderizado de opciones

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.28.1
@blifedesarrollo/blife-theme: 1.23.0

Revisa la documentación aquí 👉: Multiselect

Sugiere opciones mientras escribes, con personalización total. Ideal para formularios y cualquier flujo que requiera búsquedas dinámicas y fluidas.

Features

• Sugerencias en tiempo real.
• Personaliza cómo se muestra cada resultado.
• Compatible con datos locales o API.

Disponible desde las versiones:
@blifedesarrollo/blife-ui: 1.28.1
@blifedesarrollo/blife-theme: 1.23.0

Revisa la documentación aquí 👉: Autocomplete search