Tagline Band
A full-width dark band displaying the Zostel tagline "LIVE IT. NOW." in bold white text with letter-spacing, used as a brand signature element.
Preview
Sizes
LIVE IT. NOW.
LIVE IT. NOW.
LIVE IT. NOW.
Usage
tsx
import { TaglineBand } from "zostel-ui";
// Default size
<TaglineBand />
// Small size
<TaglineBand size="sm" />
// Large size
<TaglineBand size="lg" />
// With custom className
<TaglineBand className="rounded-md" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | Controls the padding and text size of the band |
className | string | — | Additional CSS classes for customisation |
sizeType:
"sm" | "md" | "lg"Default: "md"
Controls the padding and text size of the band
classNameType:
stringDefault: —
Additional CSS classes for customisation