Features & services
Features Bento
A split title above a grid of six text cards among five photos, the first photo two columns wide.
Layout and motion from the Ciketo template — see it in contextBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | Sectors | Small muted line above the heading. |
| title / lead | string | — | Heading (h2) at the left of the title row and the text at the right from 768px (up to 420px). |
| items | { title, text }[] | 6 cards | Cards on bg-muted: the title (h3) at the top, the text at the bottom. Six fill the grid; fewer leave their slots out. |
| images | { src, alt? }[] | 5 photos | Photos filling their cells, hidden from assistive technology unless they have alt text. The first spans two columns from 768px. |
| className | string | — | Classes for the <section>. |
- One column on phones with rows 200px tall, three columns from 768px (rows 243px) and four from 1024px (rows 293px), 10px apart. The cells run card, photo, card, photo, card, photo, card, card, photo, card, photo; with the first photo two columns wide every row of three and four columns is filled exactly.
- The grid is a list of the cards; the photos are decorative (aria-hidden) unless they have alt text. Card text uses text-foreground/65 because the cards sit on bg-muted. No motion.
- Ciketo's white cards, uppercase label, Inter and square corners were left out.
