2024-01-03 20:52:56 +08:00
|
|
|
# Image
|
|
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
|
view! {
|
|
|
|
|
<Image src="https://s3.bmp.ovh/imgs/2021/10/2c3b013418d55659.jpg" width="500px"/>
|
|
|
|
|
<Image width="200px" height="200px"/>
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2024-06-03 22:47:11 +08:00
|
|
|
### Shape
|
|
|
|
|
|
|
|
|
|
```rust demo
|
|
|
|
|
view! {
|
|
|
|
|
<Image src="https://s3.bmp.ovh/imgs/2021/10/2c3b013418d55659.jpg" width="200px" height="200px"/>
|
|
|
|
|
<Image src="https://s3.bmp.ovh/imgs/2021/10/2c3b013418d55659.jpg" width="200px" height="200px" shape=ImageShape::Circular/>
|
|
|
|
|
<Image src="https://s3.bmp.ovh/imgs/2021/10/2c3b013418d55659.jpg" width="200px" height="200px" shape=ImageShape::Rounded/>
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
2024-01-03 20:52:56 +08:00
|
|
|
### Image Props
|
|
|
|
|
|
2024-02-09 22:44:22 +08:00
|
|
|
| Name | Type | Default | Desciption |
|
|
|
|
|
| --- | --- | --- | --- |
|
|
|
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the image element. |
|
|
|
|
|
| src | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Image source. |
|
|
|
|
|
| alt | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Image alt information. |
|
|
|
|
|
| width | `MaybeSignal<String>` | `Default::default()` | Image width. |
|
|
|
|
|
| height | `MaybeSignal<String>` | `Default::default()` | Image height. |
|
|
|
|
|
| border_radius | `MaybeSignal<String>` | `Default::default()` | Image border radius. |
|
|
|
|
|
| object_fit | `MaybeSignal<String>` | `Default::default()` | Object-fit type of the image in the container. |
|
