Awards Section
Awards and recognition display
Overview
Renders a configurable grid of award cards. Each card can display a publication logo, a headline, and a "Read more" link. Supports 2, 3, or 4 column layouts.
Usage
import { AwardsSection } from "@leanicon/web-builder-library";Variants
Default (3 columns)
2 columns
4 columns
Without logos
Cards work without publication logos — useful for internal milestones or metrics.
Milestones
Series D at $1.6B Valuation
10,000+ Enterprise Customers
99.99% Platform Uptime
Without heading
Omit heading and subtitle for a standalone grid.
Dark color scheme
Props
Prop | Type | Default | Description |
|---|---|---|---|
|
| — | Section heading |
|
| — | Subtitle below heading |
|
| required | Array of award card data |
|
|
| Number of grid columns |
|
| — | Set |
|
| — | Additional CSS classes |
AwardCard
Prop | Type | Description |
|---|---|---|
|
| Award or recognition headline (required) |
|
| Logo image for the publication |
|
| URL for "Read more" link |
Notes
- Dark mode: pass
colorScheme="dark"or place inside a.darkancestor. - Logo images in dark mode should use light-on-dark variants for contrast.
- Cards without
hrefomit the "Read more" link. - Cards without
publicationLogorender with headline only — useful for milestones or metrics. - The grid is fully responsive: single column on mobile, 2 columns at
sm, full column count atlg.
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
heading | string | — | No | |
subtitle | string | — | No | |
awards | AwardCard[] | — | Yes | |
columns | enum | 3 | No | |
colorScheme | enum | — | No | |
className | string | — | No |