mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-24 14:49:21 -05:00
21 lines
937 B
Markdown
21 lines
937 B
Markdown
|
# Avatar
|
||
|
|
|
||
|
|
```rust demo
|
||
|
|
view! {
|
||
|
|
<Space>
|
||
|
|
<Avatar src="https://s3.bmp.ovh/imgs/2021/10/723d457d627fe706.jpg"/>
|
||
|
|
<Avatar src="https://s3.bmp.ovh/imgs/2021/10/723d457d627fe706.jpg" round=true/>
|
||
|
|
<Avatar src="https://s3.bmp.ovh/imgs/2021/10/723d457d627fe706.jpg" size=50/>
|
||
|
|
</Space>
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
### Avatar Props
|
||
|
|
|
||
|
|
| Name | Type | Default | Description |
|
||
|
|
| ----- | --------------------- | -------------------- | ----------------------------------------- |
|
||
|
|
| class | `MaybeSignal<String>` | `Default::default()` | Addtional classes for the avatar element. |
|
||
|
|
| src | `MaybeSignal<String>` | `Default::default()` | Avatar's image source. |
|
||
|
|
| round | `MaybeSignal<bool>` | `false` | Whether to display a rounded avatar. |
|
||
|
|
| size | `MaybeSignal<u16>` | `30` | Avatar's size. |
|