Function ImgElement

Centralized image component with proper accessibility handling. Provides consistent image rendering across the application with automatic accessibility attributes based on the decorative flag.

For non-decorative images, alt text is required to ensure accessibility. For decorative images, alt text is automatically set to empty string.

Example

Basic image with required alt text
<ImgElement
  src="/path/to/image.jpg"
  alt="Description of the image"
/>
Copy

Example

Decorative image (alt not required or allowed)
<ImgElement
  src="/path/to/decorative.jpg"
  decorative={true}
/>
Copy

Example

Navigation icon
<ImgElement
  src="/icons/menu.svg"
  decorative={true}
  width={24}
  height={24}
/>
Copy