ZTag

Colored tag labels

Example

Label

Import

import { ZTag } from "zurto-ui";

Usage

import { ZTag } from "zurto-ui";

function Example() {
  return (
    <>
      <ZTag color="red">React</ZTag>
      <ZTag color="blue">TypeScript</ZTag>
      <ZTag color="green">Vue</ZTag>
      <ZTag color="purple">Svelte</ZTag>
    </>
  );
}

Props

Prop	Type	Default	Description
color	string	'gray'	Tag color
closable	boolean	false	Show close button
onClose	() => void	-	Close handler

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management