Primitive · CLI
Logo
Interrupted-A mark + wordmark. Open letterform for Atro; floating brand bar is the recall cue. Defaults to getBrand().name.
Preview
npx shadcn@latest add @atroui/logoAtroUI
Interrupted A - open letterform + floating brand bar. Label from getBrand(); override with title / name.
Installation
Agent blurb — install command + no npm UI rule. For agents
npx shadcn@latest add @atroui/logoSource lands in your repo. Installation · Registry
Usage
Mark uses currentColor for the A; the crossbar uses --color-brand / --brand. Static assets: /brand/atroui-mark.svg and /brand/atroui-mark-app.svg. Pass title or name to override the label.
tsx
import { LogoMark, LogoWordmark } from "@/components/brand/logo"
<LogoMark />
<LogoWordmark />
<LogoWordmark name="Acme" />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | getBrand().name | Accessible label for LogoMark. |
| name | string | getBrand().name | Wordmark text for LogoWordmark. |
| className | string | - | Size / color via currentColor. |
Logo