NeoTerm UI

Tag

Small colored tag / chip with optional remove button.

Import

import { Tag, TagGroup } from "neoterm-ui";

Usage

<TagGroup>
  <Tag>frontend</Tag>
  <Tag color="var(--cyan)">react</Tag>
  <Tag removable onRemove={() => {}}>draft</Tag>
</TagGroup>

Tag Props

PropTypeDefaultDescription
colorstringAccent color.
removablebooleanfalseShow remove button.
onRemove() => voidRemove callback.
childrenReactNodeTag label.