/

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 similarly.

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

API Reference

rx.image

Display the img element.

Prop	Type \| Values	Default
`access_key`	`str`	`-`
`auto_capitalize`	`"off" \| "none" \| ...`	`-`
`content_editable`	`Union["inherit" \| "plaintext-only", bool]`	`-`
`context_menu`	`str`	`-`
`dir`	`str`	`-`
`draggable`	`bool`	`-`
`enter_key_hint`	`"enter" \| "done" \| ...`	`-`
`hidden`	`bool`	`-`
`input_mode`	`"none" \| "text" \| ...`	`-`
`item_prop`	`str`	`-`
`lang`	`str`	`-`
`role`	`"alert" \| "alertdialog" \| ...`	`-`
`slot`	`str`	`-`
`spell_check`	`bool`	`-`
`tab_index`	`int`	`-`
`title`	`str`	`-`
`alt`	`str`	`-`
`cross_origin`	`"anonymous" \| "use-credentials" \| ...`	`-`
`decoding`	`"async" \| "auto" \| ...`	`-`
`loading`	`"eager" \| "lazy"`	`-`
`referrer_policy`	`"" \| "no-referrer" \| ...`	`-`
`sizes`	`str`	`-`
`src`	`Any`	`-`
`src_set`	`str`	`-`
`use_map`	`str`	`-`

Event Triggers

See the full list of default event triggers

Image

How to let your user upload an image

API Reference

rx.image

Event Triggers