Tag¶

Compact label/chip widget, useful for metadata lists.

Usage¶

import { ui } from "@rezi-ui/core";

ui.tag("v0.1.0");
ui.tag("breaking", { variant: "warning" });

Prop	Type	Default	Description
`text`	`string`	required	Tag text
`variant`	`"default" \\| "success" \\| "warning" \\| "error" \\| "info"`	`"default"`	Semantic variant
`removable`	`boolean`	`false`	Show a remove affordance
`style`	`TextStyle`	-	Optional style override
`key`	`string`	-	Reconciliation key

import { ui } from "@rezi-ui/core";

ui.row({ gap: 1 }, [ui.tag("cli"), ui.tag("tui"), ui.tag("typescript", { variant: "info" })]);

import { ui } from "@rezi-ui/core";

ui.tag("filter:open", { removable: true });