AI & AgentsPro

Context Pill

A removable chip for what the prompt refers to: a file, a person, a channel or a link.

Usage

tabs.tsxJWJonas Weber#design-systemwunderui.com/docs

bash

npm install @wunderui/react

Then import what you need:

tsx

import { ContextPill } from "@wunderui/react"

A file from the repository.

tabs.tsx

Someone the agent should keep in the loop.

JWJonas Weber

A channel to read from or post to.

#design-system

A page to read.

wunderui.com/docs

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Typing @ opens the picker; a chosen file, person or channel becomes a removable pill above the prompt.

tabs.tsx#design-system

⌘↵