CMAvatar

Componente de avatar con soporte para imagen o icono de fallback. Soporta tema claro/oscuro.

Instalación

npm install @covermanagercomponents/cmavatar

Props

| Prop | Tipo | Default | Descripción | |------|------|---------|-------------| | iconFamily | IconFamily | - | Familia de iconos (requerido) | | iconName | string | - | Nombre del icono de fallback (requerido) | | avatarUrl | string | - | URL de la imagen del avatar | | iconSize | number | - | Tamaño del icono | | onPress | function | - | Callback al presionar | | containerStyles | ViewStyle | {} | Estilos personalizados del contenedor | | darkTheme | boolean | true | Usar tema oscuro |

Uso

import CMAvatar from "@covermanagercomponents/cmavatar";

// Con icono de fallback
<CMAvatar
  iconFamily="MaterialIcons"
  iconName="person"
/>

// Con imagen de avatar
<CMAvatar
  iconFamily="MaterialIcons"
  iconName="person"
  avatarUrl="https://example.com/avatar.jpg"
/>

// Con callback onPress
<CMAvatar
  iconFamily="MaterialIcons"
  iconName="person"
  avatarUrl="https://example.com/avatar.jpg"
  onPress={() => console.log('Avatar pressed')}
/>

// Con estilos personalizados
<CMAvatar
  iconFamily="MaterialIcons"
  iconName="person"
  containerStyles={{ width: 48, height: 48, borderRadius: 24 }}
/>

// Con tema claro
<CMAvatar
  iconFamily="MaterialIcons"
  iconName="person"
  darkTheme={false}
/>