UserAvatar

Properties

user

UserType

required

uri

string | undefined

icon

string | undefined

size

medium

rounded

boolean | undefined

false

ImageComponent

Image

onPress

(() => void) | undefined

Empty Profile



() => {
  const user = {
    profilePicture: null,
    gender: null,
  }
  return <UserAvatar user={user} size="large" />
}

() => {
  const user = {
    profilePicture: null,
    gender: null,
  }
  return <UserAvatar user={user} size="large" />
}

Gender Male



() => {
  const user = {
    profilePicture: null,
    gender: {
      name: 'Male',
    },
  }
  return <UserAvatar user={user} size="large" />
}

() => {
  const user = {
    profilePicture: null,
    gender: {
      name: 'Male',
    },
  }
  return <UserAvatar user={user} size="large" />
}

Gender Female



() => {
  const user = {
    profilePicture: null,
    gender: {
      name: 'Female',
    },
  }
  return <UserAvatar user={user} size="large" />
}

() => {
  const user = {
    profilePicture: null,
    gender: {
      name: 'Female',
    },
  }
  return <UserAvatar user={user} size="large" />
}

Profile Picture

() => {
  const user = {
    profilePicture: 'https://picsum.photos/200',
    gender: {
      name: 'Male',
    },
  }
  return <UserAvatar user={user} size="large" />
}

() => {
  const user = {
    profilePicture: 'https://picsum.photos/200',
    gender: {
      name: 'Male',
    },
  }
  return <UserAvatar user={user} size="large" />
}

UserAvatar

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Properties

Empty Profile

Gender Male

Gender Female

Profile Picture

Properties