Chip

A small inline chip for short metadata.

Anatomy

A pill that names a value attached to nearby content. Use it for filenames, query strings, command names, or any short tag that needs to read as data rather than prose. Sits inline with text and other inline elements.

API

Reference for each part of the component, including its available props and behavior.

Chip

The pill itself. Takes any inline content as children.

Swap the element via render to make a chip a link or a button. The kit picks up an anchor or a button rendering and adds a pointer cursor, a hover tone, and a keyboard focus ring, with no extra props. Use it for a tag that points at a file in the repo, a saved query, or a command the user can run.