Wordmark
Stacked, slanted multi-colour title lockup.
Installation
npx shadcn@latest add @vinyl/wordmarkWorks on both platforms; the @vinyl registry URL decides which version you get (see installation for web / native).
Usage
import { StripeText } from '@vinyl-ui/effects';
import { Wordmark } from '@/components/ui/wordmark';
<Wordmark size="lg" lines={['Night', 'Drive', 'Radio']} accent={<StripeText>86</StripeText>} />API
| Prop | Values | Default |
|---|---|---|
lines | string[]: one per row; colours cycle yellow → magenta → blue | — |
accent | Node beside the stack (scaled to 2.6em on web) | — |
size | sm md lg | md |
Renders a single heading whose accessible name is the lines joined with spaces. The decorative accent is hidden from assistive tech.