Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.evidence.studio/llms.txt

Use this file to discover all available pages before exploring further.

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

​
Examples

​
Basic Usage

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

​
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