Orbit UI

Alert

Aviso en linea con icono, titulo y accion. Los de error usan role="alert" para que el lector de pantalla los anuncie al aparecer; los informativos no interrumpen. Incluye EmptyState y ErrorState.

npx orbitui-cli add alert

Hay una versión nueva

La 0.2.0 agrega ocho primitivas. Corré npx orbitui-cli diff para ver qué cambió.

Componentes instalados

Se escribieron 4 archivos en components/orbit.

Te quedan pocos mensajes

Usaste 4.820 de 5.000. El plan se reinicia el 1 de octubre.

Todavía no hay dashboards

Creá el primero desde cero o importá uno a partir de una plantilla.

Props

PropTipoDescripción
toneAlertTone—
titlestring—
childrenReactNode—
actionReactNodeAccion principal: reintentar, ir a facturación, ver el detalle.
onDismiss() => void—
classNamestring—
title*string—
descriptionstring—
iconReactNode—
actionReactNodeQue puede hacer la persona ahora. Un vacio sin salida es un callejon.
classNamestring—
titlestring—
descriptionstringQue salio mal, en el idioma del usuario y no del stack trace.
onRetry() => void—
detailstringDetalle tecnico plegable, para reportar el problema.
classNamestring—

Qué instala

Archivo
components/orbit/ui/alert.tsx
Componentes
button, cx, icon-button
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.