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.