Components

Avatar component with ViewComponent (and Tailwind CSS)

The Avatar Component takes a resource argument (defaults to: User) that assumes a has_one_attached :avatar. When no avatar is present, the first letter of their name is shown and a color is generated based on their name. You can also pass a size attribute with a value of ‘xs, sm, md, lg or xl’. As well as a show_badge, either true or false.

Uses ActiveStorage
Flexible User model

Avatar # Get this component
Avatar with notification dot # Get this component
Avatar with animating notification dot # Get this component
Avatars stack # Get this component

The Avatar Stacked Component takes a collection of Users (or whatever `resource`) you set for the Avatar Component
- C
- J
Avatars stack, with remaining count # Get this component

The Avatar Stacked Component takes a collection of Users (or whatever `resource`) you set for the Avatar Component
- C
+3

The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.