Skip to content

Latest commit

 

History

History
41 lines (24 loc) · 816 Bytes

image.md

File metadata and controls

41 lines (24 loc) · 816 Bytes

Image

Responsive content image.

When to use

Responsive content image. Use Image when this pattern fits the screen — variant previews are below.

Guidelines

Do

  • Provide descriptive alt on informative images.
  • Pick aspect ratios that match the media format.

Don't

  • Stretch media without a ratio or max-width constraint.
  • Use decorative images without alt="" when appropriate.

Usage

<twig:Image src="/photo.jpg" alt="Team photo" />

API Reference

Prop Type Default Description
— — — See Twig component class and package registry.

Accessibility

  • Informative images require text alternatives.
  • Avatars need meaningful labels when they identify a person.

Related