component
Kicker
The mono label over a section, bracketed in the primary or set as an eyebrow.
A kicker names the section below it in the mono face, uppercase and tracked. The default bracket variant wraps the label in brackets in the primary color.
deployments
<template> <ZKicker>deployments</ZKicker> </template>
Eyebrow
variant="eyebrow" is a label with no brackets, the label itself in the accent ink. Pair it with a heading that sets one word in the accent.
runners
The fleet tonight
<template>
<div class="flex flex-col gap-1">
<ZKicker variant="eyebrow">runners</ZKicker>
<p class="text-2xl font-semibold text-highlighted">
The <span class="text-(--ui-color-primary-700) dark:text-(--ui-color-primary-300)">fleet</span> tonight
</p>
</div>
</template>API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "bracket" | "eyebrow" | "bracket" | — |
Slots
| Slot | Description |
|---|---|
| default | — |