Primitives
EyebrowPill
Where the model name goes when there's nothing else to say.
The pill that sits above the H1 of every section. Defaults to a pulsing green status dot. Pass `icon={false}` to hide, or any node to replace.
Install
Copy this owned-code component into your app from the registry.
pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/eyebrow-pill.json
Examples
Default
Now with GPT-5.5 Turbo Vision Pro
<EyebrowPill>Now with GPT-5.5 Turbo Vision Pro</EyebrowPill>
Custom icon
The platform
<EyebrowPill icon={<Sparkle />}>The platform</EyebrowPill>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | Snippet | false | StatusDot snippet | Leading icon. False to hide. |
| statusColor | string | - | Color of the default dot. |