DUJumbotron
ElementsProminent content block with tone variants.
import { DUJumbotron } from 'deri-ui';Live preview
Deri Docs
One page per component.
typescript
<DUJumbotron tone="primary" title="Docs" description="Page-by-page API." primaryLabel="Browse" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | 'default' | 'primary' | 'dark' | 'default' | Background |
| title / description / eyebrow | string | — | Copy |
| primaryLabel / secondaryLabel | string | — | CTAs |
Usage
import { DUJumbotron } from 'deri-ui';
<DUJumbotron tone="primary" title="Docs" description="Page-by-page API." primaryLabel="Browse" />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.