Examples
Basic Usage
With Dark Mode
From a Data Query
From a Data Query with Filters
Attributes
string
The URL of the image. Required unless data is provided.
string
The URL of the image to show in dark mode
string
Description of the image, used as alt text. Required unless description_column is provided.
string
Table or query to load the image URL from; the image updates when applied filters change
string
Column containing the image URL; the first row of the query result is displayed
string
Column containing the image URL to show in dark mode
string
Column containing the image description, used as alt text
array
IDs of filters to apply to the query
number
Maximum width of the image in pixels
boolean
default:"false"
Whether to show a border around the image
boolean
default:"false"
Whether to apply dither effect to the image
string
default:"center"
Alignment of the imageAllowed values:
leftrightcenter
string
Additional CSS classes to apply to the image
number
Time in seconds between automatic data refreshes (minimum 30). Overrides the page-level auto-refresh setting for this component.
string
Custom SQL WHERE condition to apply to the query. For date filters, use date_range instead.
number
Maximum number of rows to return from the query. Note: When used with tables, limit will disable subtotals to prevent incomplete subtotal rows.
string
Column name(s) with optional direction (e.g. “column_name”, “column_name desc”)
string
Custom SQL QUALIFY condition to filter windowed results
number
Set the width of this component (in percent) relative to the page width