Image

Kind

Components

Name

Type

Description

Image with optional caption and wrapping link (the link wraps the image; its text feeds the accessible name). Framing param (rounded/full-bleed/card/circle) plus caption style, size, and color-band params. Default, CaptionOverlay, Simple, and Logo (brand-mark: natural aspect, height-capped, link-wrapped) variants. Themeable.

Content examples

Caption band + circle · Caption band (overlay) · Caption band (below) · Caption size: large · Caption overlay · Framing: card · Framing: circle · Framing: full bleed · Linked image · Logo · Default · Simple (12)

Function variants

Default·CaptionOverlay·Simple·Logo(4)

Files

src/components/registry/components/cards-and-lists/image.tsx→components/registry/components/cards-and-lists/image.tsx
src/components/registry/components/cards-and-lists/image.recipe.ts→src/recipes/image.recipe.ts

Dependencies

@sitecoreai-labs/sitecoreai-cli@0.41.0

preview

Showcase

Loading component registry groups and selected install bundle...