Skip to main content
LocalLoop logo
Sign In

LocalLoop - Event Lists Demo

← Card Demo← Home

Event List Component Showcase

Demonstrating the different styles and configurations of the EventList component system.

List Controls

Basic Event List

Basic EventList component with current settings.

Community garden with volunteers working
Featured
FreeUpcoming

Community Garden Cleanup

Help clean up our community garden this Saturday morning.

2024-01-20 12:00 PM
Sunset Community Garden, 123 Garden Street
12 attending • 13 spots left
community
by Garden Committee
Business professionals networking
$2500Upcoming

Local Business Networking Mixer

Network with local business owners over coffee and pastries.

2024-01-22 12:00 PM
Downtown Coffee Co., 456 Main Street
8 tickets sold • 7 tickets left
business
by Chamber of Commerce
Children doing art and crafts
Featured
$1500Upcoming

Kids Art Workshop: Painting & Crafts

Fun art workshop for kids with painting and crafts.

2024-01-24 12:00 PM
Community Center, Art Room B
18 tickets sold • 2 tickets left
arts
by Arts Alliance
Historic downtown buildings
FreeUpcoming

Historical Walking Tour

Guided tour of downtown historical sites.

2024-01-15 12:00 PM
City Hall Steps (Meeting Point)
22 attending • 8 spots left
education
by Historical Society
People doing yoga in a park
$1200Upcoming

Yoga in the Park

Morning yoga session in Riverside Park.

2024-01-25 12:00 PM
Riverside Park, East Pavilion
35 tickets sold • 5 tickets left
wellness
by Wellness Collective
Tech meetup with laptops and presentations
Featured
FreeUpcoming

Tech Meetup: AI & Machine Learning

Tech meetup on AI and machine learning with networking.

2024-01-26 12:00 PM
Innovation Hub, Conference Room A
42 attending • 8 spots left
technology
by Tech Community

Event List with Header

EventListWithHeader component with title, subtitle, and action buttons.

Upcoming Community Events(4 events)

Discover amazing local events happening in your area

Community garden with volunteers working
Featured
FreeUpcoming

Community Garden Cleanup

Help clean up our community garden this Saturday morning.

2024-01-20 12:00 PM
Sunset Community Garden, 123 Garden Street
12 attending • 13 spots left
community
by Garden Committee
Business professionals networking
$2500Upcoming

Local Business Networking Mixer

Network with local business owners over coffee and pastries.

2024-01-22 12:00 PM
Downtown Coffee Co., 456 Main Street
8 tickets sold • 7 tickets left
business
by Chamber of Commerce
Children doing art and crafts
Featured
$1500Upcoming

Kids Art Workshop: Painting & Crafts

Fun art workshop for kids with painting and crafts.

2024-01-24 12:00 PM
Community Center, Art Room B
18 tickets sold • 2 tickets left
arts
by Arts Alliance
Historic downtown buildings
FreeUpcoming

Historical Walking Tour

Guided tour of downtown historical sites.

2024-01-15 12:00 PM
City Hall Steps (Meeting Point)
22 attending • 8 spots left
education
by Historical Society

Grouped Event List

GroupedEventList component organizing events by category.

community (1)

Community garden with volunteers working
Featured
FreeUpcoming

Community Garden Cleanup

Help clean up our community garden this Saturday morning.

2024-01-20 12:00 PM
Sunset Community Garden, 123 Garden Street
12 attending • 13 spots left
community
by Garden Committee

business (1)

Business professionals networking
$2500Upcoming

Local Business Networking Mixer

Network with local business owners over coffee and pastries.

2024-01-22 12:00 PM
Downtown Coffee Co., 456 Main Street
8 tickets sold • 7 tickets left
business
by Chamber of Commerce

arts (1)

Children doing art and crafts
Featured
$1500Upcoming

Kids Art Workshop: Painting & Crafts

Fun art workshop for kids with painting and crafts.

2024-01-24 12:00 PM
Community Center, Art Room B
18 tickets sold • 2 tickets left
arts
by Arts Alliance

education (1)

Historic downtown buildings
FreeUpcoming

Historical Walking Tour

Guided tour of downtown historical sites.

2024-01-15 12:00 PM
City Hall Steps (Meeting Point)
22 attending • 8 spots left
education
by Historical Society

wellness (1)

People doing yoga in a park
$1200Upcoming

Yoga in the Park

Morning yoga session in Riverside Park.

2024-01-25 12:00 PM
Riverside Park, East Pavilion
35 tickets sold • 5 tickets left
wellness
by Wellness Collective

technology (1)

Tech meetup with laptops and presentations
Featured
FreeUpcoming

Tech Meetup: AI & Machine Learning

Tech meetup on AI and machine learning with networking.

2024-01-26 12:00 PM
Innovation Hub, Conference Room A
42 attending • 8 spots left
technology
by Tech Community

Empty State

How the list appears when no events are available.

No events match your current filters

Try adjusting your filters or search terms

Technical Implementation

List Styles Available:

  • grid - Responsive card grid layout (default)
  • preview - Horizontal compact cards
  • full - Detailed view cards with actions
  • compact - Minimal information layout
  • timeline - Chronological timeline with connectors

Features:

  • Multiple grid column options (1-4, auto)
  • Loading states with skeleton animations
  • Empty state handling with custom messages
  • Event grouping and headers
  • Click handlers and interaction states
  • Responsive design with proper spacing