Chip

CSS

A compact item, such as an attachment, that can be removed.

refund-policy.mdq3-tickets.csvnotes.mdRead only

Install

$ npx shadcn@latest add https://spotcheckui.com/r/chip.json

No motion engine needed.

import { Chip } from "@/components/spotcheck/chip"

<Chip onRemove={() => remove(file)} removeLabel={`Remove ${file}`}>{file}</Chip>

onRemove() => voidDefault —Shows a remove button. Pass it from a client component.
removeLabelstringDefault RemoveNames the remove button for screen readers.

Enter	Remove the chip, from its remove button

Nothing here animates.