OrbitBadge

radius.full — el radio pill que Orbit reserva para cápsulas (botón, badge, switch, avatar, nav row). Fondo intent.surface teñido + borde y texto intent.solid — el patrón “Intent surfaces”: fondos teñidos sólidos con par de borde, para alerts y badges.

Pasá removable (web) / onRemove (Kotlin) y se convierte en un tag removible — mismos tokens, mismo componente, solo se agrega una ”×” (el ícono plus rotado 45° — el catálogo cerrado de Orbit no tiene un glyph de cerrar dedicado).

Uso

Web

<orbit-badge label="Success" intent="success"></orbit-badge>
<orbit-badge label="Warning" intent="warning"></orbit-badge>
<orbit-badge label="Error" intent="error"></orbit-badge>
<orbit-badge label="Info" intent="info"></orbit-badge>
<orbit-badge label="Neutral" intent="neutral"></orbit-badge>

Compose Multiplatform

OrbitBadge(label = "Success", intent = OrbitIntent.Success)
OrbitBadge(label = "Warning", intent = OrbitIntent.Warning)
OrbitBadge(label = "Error", intent = OrbitIntent.Error)
OrbitBadge(label = "Info", intent = OrbitIntent.Info)
OrbitBadge(label = "Neutral", intent = OrbitIntent.Neutral)

Removible (tag)

Web

<orbit-badge label="kotlin" intent="info" removable></orbit-badge>
<script>
  document.querySelector('orbit-badge').addEventListener('orbit-remove', () => { /* quitar el tag */ });
</script>

Compose Multiplatform

OrbitBadge(label = "kotlin", intent = OrbitIntent.Info, onRemove = { /* quitar el tag */ })

Neutral no tiene un fondo teñido definido (decisión abierta desde el brief original) — usa surface.raised en su lugar.

Props

Prop	Tipo	Default	Descripción
label	string	—	Texto del badge.
intent	OrbitIntent (Kotlin) / "success" | "warning" | "error" | "info" | "neutral" (web)	Neutral / "neutral"	Set cerrado de cinco — igual set semántico que OrbitAlert.
onRemove (Kotlin) / attr removable + evento orbit-remove (web)	(() -> Unit)?	null	Si está presente, agrega el botón de quitar.