Blife UI

Acciones con Tooltips

Usa el componente Tooltip para envolver los botones de accion y mostrar un tooltip.

Usa el componente Menu para envolver los botones de accion y mostrar un menu de opciones.

Id	Incidencia	Fecha	Estado
INC-001	Error al iniciar sesión con Google	2025-08-01	Abierto
INC-002	El formulario de registro no valida correos duplicados	2025-08-02	En progreso
INC-003	La API de productos devuelve error 500	2025-08-03	Abierto
INC-004	Problema de estilos en la vista móvil del dashboard	2025-08-05	En progreso
INC-005	Los correos de notificación llegan duplicados	2025-08-07	Resuelto

Prop	Tipo	Requerido	Descripción
`placement`	`bottom \| top`	-	Ubicación de la barra de acción
`show`	`boolean`	-	Si la barra de acción está visible
`{...props}`	`React.ComponentProps<"div">`	-	Todas las props estandar de un div

Los botones de la barra de acción son un componente Button

Prop	Tipo	Requerido	Descripción
`colorPallete`	`neutral \| error`	-	Color del botón
`onlyIcon`	`boolean`	-	Si el botón debe mostrar solo el icono (sin texto)
`{...props}`	`React.ComponentProps<"button">`	-	Todas las props estandar de un botón

El botón de cerrar la barra de acción es un componente Button

Prop	Tipo	Requerido	Descripción
`colorPallete`	`neutral \| error`	-	Color del botón
`onlyIcon`	`boolean`	-	Si el botón debe mostrar solo el icono (sin texto)
`{...props}`	`React.ComponentProps<"button">`	-	Todas las props estandar de un botón

El divider de la barra de acción es un componente Divider

Prop	Tipo	Requerido	Descripción
`{...props}`	`React.ComponentProps<Divider>`	-	Todas las props estandar del `Divider`