Image

The Image component can display an image given a src path as an argument. This could either be a local path from the assets folder or an external link.

Image composes a box and can be styled simlarly.

You can also pass a PIL image object as the src.

rx.image only accepts URLs and Pillow Images

API Reference

rx.image

Display the img element.

Prop	Type \| Values	Default
`align`	`Union[str, int, bool]`
`alt`	`Union[str, int, bool]`
`cross_origin`	`Union[str, int, bool]`
`decoding`	`Union[str, int, bool]`
`intrinsicsize`	`Union[str, int, bool]`
`ismap`	`Union[str, int, bool]`
`loading`	`Union[str, int, bool]`
`referrer_policy`	`Union[str, int, bool]`
`sizes`	`Union[str, int, bool]`
`src`	`Any`
`src_set`	`Union[str, int, bool]`
`use_map`	`Union[str, int, bool]`

Event Triggers

See the full list of default event triggers

Learn

Components

Recipes

API Reference

Image

API Reference

rx.image

Event Triggers