adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-01-23 14:29:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
thaw/demo_markdown/docs/avatar/mod.md
luoxiao d00e970a6a refactor: avatar
2024-05-10 21:51:35 +08:00

1.6 KiB
Raw Blame History

Avatar

view! {
    <Avatar />
}

Name

view! {
    <Avatar name="Ashley McCarthy" />
}

Image

view! {
    <Avatar src="https://s3.bmp.ovh/imgs/2021/10/723d457d627fe706.jpg" />
}

Shape

view! {
    <Avatar shape=AvatarShape::Square />
}

Size

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.