Skip to main content
{% image 
    url="https://raw.githubusercontent.com/evidence-dev/media-kit/refs/heads/main/png/wordmark-gray-800.png"
    description="Sample placeholder image"
/%}

​
Examples

​
With Dark Mode

{% image 
    url="https://raw.githubusercontent.com/evidence-dev/media-kit/refs/heads/main/png/wordmark-gray-800.png"
    dark_url="https://raw.githubusercontent.com/evidence-dev/media-kit/refs/heads/main/png/wordmark-white.png"
    description="Logo that changes in dark mode"
/%}

​
Attributes

​
url
String
required
The URL of the image
​
dark_url
String
The URL of the image to show in dark mode
​
description
String
required
Description of the image
​
max_width
Number
Maximum width of the image in pixels
​
border
Boolean
default:"false"
Whether to show a border around the image
​
dither
Boolean
default:"false"
Whether to apply dither effect to the image
​
align
String
default:"center"
Alignment of the imageAllowed values:
  • left
  • right
  • center
​
class
String
Additional CSS classes to apply to the image
​
width
Number
Set the width of this component (in percent) relative to the page width