Stacked Lists ViewComponent with Tailwind CSS
Need to list data in a stacked list, the ListItem ViewComponent does that. The wrapping element can be anything (default is a div
). And any element can be prepended with a leader (like an avatar) or appended with a trailer (like actions).
-
Simple # Get this component
-
Kendall
-
Robin
-
Sam
-
-
With description and avatar # Get this component
-
K
Kendall
CSO (Chief Security Officer)
-
R
Robin
CEO (Chief Executive Officer)
-
Sam
Software Engineer
-
-
With description and avatar as links # Get this component
-
With actions # Get this component
-
Active sessions # Get this component
-
New York (901.234.5.6) β’ Current session
Last accesed on 2024-04-07 05:34:07 UTC
-
Amsterdam (123.456.7.8)
Last accesed on 2024-04-07 05:34:07 UTC
-
Bangkok (789.012.3.4)
Last accesed on 2024-04-07 05:34:07 UTC
-
-
Media List # Get this component
-
Design β’5:40
Want to hire a great designer? Create a blog with Spinal Builder
Explore the benefits of starting a blog to showcase your design skills and attract potential clients.
- 135
- 57
-
People β’6:37
National Geographic's Photography Erased People. It's Too Late For An Apology.
A deep dive into the controversial decisions made by National Geographic in their photography.
- 102
- 63
-
Technology β’6:28
The Future of Technology: What to Expect in the Next Decade
An insightful look into the technological advancements expected to shape the next ten years.
- 131
- 66
-
Business β’4:56
How to Build a Successful Startup from Scratch
Key strategies and tips for aspiring entrepreneurs to build a successful startup.
- 146
- 69
-
Health β’6:20
The Impact of Social Media on Mental Health
Examining the effects of social media usage on mental health and well-being.
- 117
- 85
-
Science β’3:23
Exploring the Wonders of the Universe: A Journey Through Space
A fascinating journey through the cosmos, exploring the wonders of the universe.
- 179
- 74
-
-
Messages # Get this component
-
New Feature Release!
Check out the latest features available in our newest release.
-
How to Maximize Your Workflow with Rails Designer
Learn to streamline your development process with our expert tips.
-
Tips & Tricks for Faster UI Development
Discover shortcuts and hidden features to enhance your productivity.
-
Upcoming Webinar on improving your Rails App's UI Design
Join the best designers and product enginers for a deep dive into the world of designing for Rails apps.
-
Explore the Latest Trends in UI Design
Stay ahead of the curve with these new design trends.
-
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