Thành phần thương hiệu

Tech line

middle-dot separated stack line in Barlow.

Nội dung tham khảo viết bằng tiếng Anh; mục “Vietnamese” có ví dụ tiếng Việt.

Install

bash

npx shadcn add @eloquent/tech-line

tsx

import { TechLine } from "@/components/ui/tech-line";

<TechLine aria-label="Stack" items={["Java", "Spring Boot", "PostgreSQL"]} />

State	Treatment
Default	Barlow 500 14px ink, halftone middle dots
Wrapping	Each dot travels with the item after it
`separator`	Any glyph; always `aria-hidden`

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

Key	Action
Tab	Skips it; not a tab stop

Brand item with no upstream. Stack lists are text with middle dots, never pills or badges.