component

Identifier

A value set in the mono face — a package name, a version, a hash — on a chip.

Values a reader copies or compares — package names, versions, commit hashes, service names — read best in the mono face. ZIdentifier sets its slot that way, on a chip, except for plain. A version is set in the accent.

@zooui/nuxt0.1.09658e6aapi-worker

<template>
  <div class="flex items-center gap-3 flex-wrap">
    <ZIdentifier kind="package">@zooui/nuxt</ZIdentifier>
    <ZIdentifier kind="version">0.1.0</ZIdentifier>
    <ZIdentifier kind="hash">9658e6a</ZIdentifier>
    <ZIdentifier kind="plain">api-worker</ZIdentifier>
  </div>
</template>

API

Props

Prop	Type	Default	Description
kind	`"package" \| "version" \| "hash" \| "plain"`	`"package"`	—

Slots

Slot	Description
default	—

Ecosystem mark

A package manager as a two-letter mono tile, told apart by corner shape rather than brand color.

Kicker

The mono label over a section, bracketed in the primary or set as an eyebrow.