OrbitAlert

Banner de ancho completo — mismo patrón “Intent surfaces” que OrbitBadge (fondo intent.surface teñido, borde intent.solid), escalado a un layout de nivel card: ícono opcional, título, descripción. radius.lg — igual que OrbitCard, un alert vive en el flujo de contenido como una card, no es una cápsula como un badge.

Uso

Web

<orbit-alert
  title="Deploy exitoso"
  description="La build llegó a producción sin errores."
  intent="success"
  icon="check"
></orbit-alert>

Compose Multiplatform

OrbitAlert(
    title = "Deploy exitoso",
    description = "La build llegó a producción sin errores.",
    intent = OrbitIntent.Success,
    icon = OrbitIcon.Check,
)

Intents

Web

<orbit-alert title="Warning" description="..." intent="warning"></orbit-alert>
<orbit-alert title="Error" description="..." intent="error"></orbit-alert>
<orbit-alert title="Info" description="..." intent="info"></orbit-alert>

Compose Multiplatform

OrbitAlert(title = "Warning", description = "...", intent = OrbitIntent.Warning)
OrbitAlert(title = "Error", description = "...", intent = OrbitIntent.Error)
OrbitAlert(title = "Info", description = "...", intent = OrbitIntent.Info)

El ícono es opcional y sin default por intent — el catálogo cerrado de Orbit hoy no tiene glyphs de estado dedicados (warning-triangle, info-circle), así que en vez de forzar un ícono que no calza bien, queda a criterio de quien lo usa.

Props

Prop	Tipo	Default	Descripción
title	string	—	Título del alert.
description	string?	null	Texto secundario.
intent	OrbitIntent / catálogo cerrado	Info / "info"	Mismo set de cinco que OrbitBadge.
icon	OrbitIcon? / catálogo cerrado	null	Ícono opcional, sin default por intent.