Skip to content

Conversation

theoribbi
Copy link
Member

Avatar Component (NativeUI)

What’s changed from the original idea:

  • Split into three components (Avatar, AvatarImage, AvatarFallback) instead of a single monolith
  • Switched to React Context for load/error state, removing manual flags and prop-drilling
  • Added a configurable fallback delay (delayMs) to avoid flash-of-fallback
  • Dropped explicit size and shape props in favor of utility classes via className (NativeWind)
  • Mapped altaccessibilityLabel for RN accessibility
  • Ensured full TypeScript typings and forwardRef with displayName on each part

- Introduced a new Avatar component for React Native applications, including its implementation in `registry/avatar/avatar.tsx`.
- Updated `registry.json` to include the new Avatar component and its dependencies.
@theoribbi theoribbi added the component:new Creation of a new component label Apr 29, 2025
@theoribbi theoribbi self-assigned this Apr 29, 2025
@theoribbi theoribbi linked an issue Apr 29, 2025 that may be closed by this pull request
@theoribbi theoribbi merged commit fd38f9b into master Apr 29, 2025
@theoribbi theoribbi deleted the feature/avatar branch April 29, 2025 12:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component:new Creation of a new component

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[component] Create Avatar

1 participant