DUPromoBanner
WidgetsGradient promo CTA strip.
import { DUPromoBanner } from 'deri-ui';Live preview
New
Deri UI
Documented, reusable, Tailwind-only.
typescript
<DUPromoBanner title="Ship faster" description="…" primaryLabel="Docs" primaryHref="/docs" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title / description / badge | string | — | Copy |
| primaryLabel / primaryHref / onPrimaryClick | mixed | — | Primary CTA |
| secondaryLabel / secondaryHref | mixed | — | Secondary CTA |
Usage
import { DUPromoBanner } from 'deri-ui';
<DUPromoBanner title="Ship faster" description="…" primaryLabel="Docs" primaryHref="/docs" />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.