BotEvent
System/bot event bar with a colored left border — push, CI, PR, or release events.
Import
import { BotEvent } from "@gumtree/ui/chat/BotEvent" ; Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "push" | "ci" | "pr" | "release" | "push" | Event type (determines left border color) |
children | ComponentChildren | - | Event content (supports bold, links) |
Examples
All Variants
Push (blue), CI (green), PR (purple), Release (yellow).
gumtree · 🔀 brendan pushed to
fix/locale-fallback — 4 filescicada · ✓ CI #313 passed — 11/11 green (5m 22s)
gumtree · 🔃 PR #131 opened: Fix locale fallback
gumtree · 🏷️ v3.3.2 released — 3 contributors, 12 commits
< BotEvent variant = "push" >
< strong > gumtree </ strong > · 🔀 < a href = "#" > brendan </ a > pushed to < code > fix/locale-fallback </ code > — 4 files
</ BotEvent >
< BotEvent variant = "ci" >
< strong > cicada </ strong > · ✓ CI #313 passed — 11/11 green (5m 22s)
</ BotEvent >
< BotEvent variant = "pr" >
< strong > gumtree </ strong > · 🔃 < a href = "#" > PR #131 </ a > opened: Fix locale fallback
</ BotEvent >
< BotEvent variant = "release" >
< strong > gumtree </ strong > · 🏷️ v3.3.2 released — < a href = "#" > 3 contributors, 12 commits </ a >
</ BotEvent >