Image

Displays an image optimized for performance.

Dunedin Cliff 
_bookshop_name: primitives/image
src: /images/component-library/dunedin-cliff.jpg
alt: Dunedin Cliff
style: 'max-width: 500px;'

Properties

src string

The URL or path to the image

alt string

Alternative text for accessibility

priority boolean

Whether this is a high-priority image (above-the-fold, hero, etc.)

Examples

Source

Forest 
_bookshop_name: primitives/image
src: https://picsum.photos/id/28/1920/1080
alt: Forest
style: 'max-width: 500px;'
Bear 
_bookshop_name: primitives/image
src: https://placebear.com/1024/768
alt: Bear
style: 'max-width: 500px;'
Pione 
_bookshop_name: primitives/image
src: https://assets.imgix.net/examples/pione.jpg
alt: Pione
style: 'max-width: 500px;'
Quiet Street 
_bookshop_name: primitives/image
src: /images/component-library/quiet-street.jpg
alt: Quiet Street
style: 'max-width: 500px;'