Toast

Notificación de una sola línea — radius.md (8px, el mismo radio que usan campos y menús), un fondo plano y brillante (color.toast-success / color.toast-error — paleta propia, deliberadamente distinta de los colores de intent oscuros/teñidos que usa OrbitBadge), text.inverse tanto para el ícono como para el texto (oscuro sobre brillante, el mismo par que usa la variante Light de OrbitButton). Sin borde, sin sombra, sin título/descripción separados — un mensaje, un ícono.

Set cerrado de dos intents por ahora — es lo único diseñado hasta el momento.

Nota

Es puramente presentacional en lo demás: no maneja una cola/stack. Posicionar varios toasts (ej. en una esquina de la pantalla) queda del lado de quien lo usa — la misma decisión que OrbitModal toma al no manejar el apilado global de modales. Pero sí se auto-cierra solo: al vencer duration se quita/oculta él mismo, sin que haga falta escuchar ningún evento ni manejar estado — solo ponelo con un duration y listo.

Uso

Web

<div style="position: fixed; bottom: 16px; right: 16px;">
  <orbit-toast
    message="Proyecto guardado"
    intent="success"
    duration="medium"
  ></orbit-toast>
</div>
<!-- Con eso alcanza — el toast se remueve solo del DOM al vencer
     "medium". duration="indefinite" lo deja fijo hasta que vos lo
     quites. -->

Compose Multiplatform

Box(modifier = Modifier.fillMaxSize()) {
    OrbitToast(
        message = "Proyecto guardado",
        intent = OrbitToastIntent.Success,
        duration = OrbitToastDuration.Medium, // .Indefinite lo deja fijo
        modifier = Modifier.align(Alignment.BottomEnd).padding(16.dp),
    )
}

Cada intent trae su propio ícono — check-circle para success, x-circle para error — no hace falta pasarlo aparte.

Duración

Escala cerrada de cuatro pasos — probá cada botón, el toast se cierra solo (con animación) al vencer su tiempo.

Corto (2.5s) Medio (4s) Largo (6s) Indefinido

Web

<orbit-toast message="..." intent="success" duration="short"></orbit-toast>
<orbit-toast message="..." intent="success" duration="medium"></orbit-toast>
<orbit-toast message="..." intent="success" duration="long"></orbit-toast>
<orbit-toast
  message="..."
  intent="success"
  duration="indefinite"
></orbit-toast>

Compose Multiplatform

OrbitToast(message = "...", duration = OrbitToastDuration.Short)
OrbitToast(message = "...", duration = OrbitToastDuration.Medium)
OrbitToast(message = "...", duration = OrbitToastDuration.Long)
OrbitToast(message = "...", duration = OrbitToastDuration.Indefinite)

Props

Prop	Tipo	Default	Descripción
message	string	—	Texto del toast.
intent	OrbitToastIntent (Kotlin) / "success" | "error" (web)	Success / "success"	Set cerrado de dos — cada uno trae su propio color e ícono.
duration	OrbitToastDuration (Kotlin) / "short" | "medium" | "long" | "indefinite" (web)	Medium / "medium"	Escala cerrada para el auto-dismiss — Short 2.5s, Medium 4s, Long 6s, Indefinite lo desactiva. Al vencer, el toast se cierra/quita solo.
onDismiss (Kotlin) / evento close (web)	(() -> Unit)?	null	Opcional — para cuando además querés enterarte del cierre (ej. sacar el toast de una lista de estado). En web, close es cancelable: llamar preventDefault() evita la auto-remoción si querés manejarla vos (ej. para una animación de salida propia).