mirror of
https://github.com/adoyle0/thaw.git
synced 2025-01-23 14:29:22 -05:00
63 lines
1.6 KiB
Markdown
63 lines
1.6 KiB
Markdown
# Avatar
|
|
|
|
```rust demo
|
|
view! {
|
|
<Avatar />
|
|
}
|
|
```
|
|
|
|
### Name
|
|
|
|
```rust demo
|
|
view! {
|
|
<Avatar name="Ashley McCarthy" />
|
|
}
|
|
```
|
|
|
|
### Image
|
|
|
|
```rust demo
|
|
view! {
|
|
<Avatar src="https://s3.bmp.ovh/imgs/2021/10/723d457d627fe706.jpg" />
|
|
}
|
|
```
|
|
|
|
### Shape
|
|
|
|
```rust demo
|
|
view! {
|
|
<Avatar shape=AvatarShape::Square />
|
|
}
|
|
```
|
|
|
|
### Size
|
|
|
|
```rust demo
|
|
view! {
|
|
<Space>
|
|
<Avatar initials="16" size=16 />
|
|
<Avatar initials="20" size=20 />
|
|
<Avatar initials="24" size=24 />
|
|
<Avatar initials="28" size=28 />
|
|
<Avatar initials="32" size=32 />
|
|
<Avatar initials="36" size=36 />
|
|
<Avatar initials="40" size=40 />
|
|
<Avatar initials="48" size=48 />
|
|
<Avatar initials="56" size=56 />
|
|
<Avatar initials="64" size=64 />
|
|
<Avatar initials="72" size=72 />
|
|
<Avatar initials="96" size=96 />
|
|
<Avatar initials="120" size=120 />
|
|
<Avatar initials="128" size=128 />
|
|
</Space>
|
|
}
|
|
```
|
|
|
|
### Avatar Props
|
|
|
|
| Name | Type | Default | Description |
|
|
| ----- | ----------------------------------- | -------------------- | ----------------------------------------- |
|
|
| class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the avatar element. |
|
|
| src | `Option<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. |
|