AI & Agents
Context Pill
A removable chip for what the prompt refers to: a file, a person, a channel or a link.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { ContextPill } from "@wunderui/react"Examples
File
A file from the repository.
Person
Someone the agent should keep in the loop.
Channel
A channel to read from or post to.
Link
A page to read.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Mention context
Typing @ opens the picker; a chosen file, person or channel becomes a removable pill above the prompt.