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
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.
UI components for Ruby on Rails apps
$
129
one-time
payment
-
One-time Payment
-
Access to the Entire Library
-
Built using ViewComponent
-
Designed with Tailwind CSS
-
Enhanced with Hotwire