Brand components

Kicker

tracked-capitals label with an optional leading ink rule.

Work · Sep 2025 – Present

Install

bash

npx shadcn add @eloquent/kicker

Usage

tsx

import { Kicker } from "@/components/ui/kicker";

<Kicker>Work · Sep 2025 – Present</Kicker>
<Kicker rule>Capability statement</Kicker>

States

Analysis

Capability statement

Section Rules, not boxes

State	Treatment
Default	Barlow 600 11px tracked capitals, ink
`rule`	A 24px ink hairline before the label
`as="span"`	Inline, for use inside a heading or link

Keyboard

This component is not interactive. It is not a tab stop, so Tab skips it.

Key	Action
Tab	Skips it; not a tab stop

Vietnamese

Công việc · 09/2025 – nay

Ink adaptation

Brand item with no upstream. Colour accents and pill labels that other kits use for kickers are replaced by tracked capitals in ink and an optional ink rule.