loom muslin

Tag

Compact removable chip for filters and lists; the X appears only when onRemove is provided.

Previewlive — edit controls below

ACME CorpQ4

Content

Text

Active filters

A row of removable filter chips.

import { Tag } from "@loom/muslin-react";

<div className="flex gap-1.5">
  <Tag onRemove={() => remove("paid")}>Paid</Tag>
  <Tag onRemove={() => remove("acme")}>ACME Corp</Tag>
  <Tag onRemove={() => remove("q4")}>Q4</Tag>
</div>