Skip to main content
LocalLoop logo
Sign In

LocalLoop - Card Demo

← Back to Home

Event Card Component Showcase

Demonstrating the different styles and variations of the EventCard component as implemented for Task 5.2.

Default Style

Standard card layout with different sizes for general use.

Small (sm)

Community garden with volunteers working
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

Medium (md)

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

Large (lg) - Featured

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

Preview List Style

Compact horizontal layout for list views with essential information.

Community garden with volunteers working

Community Garden Cleanup

FreeUpcoming

Help clean up our community garden this Saturday morning.

Jan 1Sunset Community Garden, 123 Garden Street12
Business professionals networking

Local Business Networking Mixer

$2500Upcoming

Network with local business owners over coffee and pastries.

Jan 1Downtown Coffee Co., 456 Main Street8
Children doing art and crafts

Kids Art Workshop: Painting & Crafts

$1500Upcoming

Fun art workshop for kids with painting and crafts.

Jan 1Community Center, Art Room B18

Full List Style

Detailed view with comprehensive information and action buttons.

Community garden with volunteers working
community
FreeUpcoming

Community Garden Cleanup

Help clean up our community garden this Saturday morning.

2024-01-20 12:00 PM
Duration: 4 hours
Sunset Community Garden, 123 Garden Street
View on map
12 attending
13 spots remaining
community
Category
Organized by
Garden Committee
Business professionals networking
business
$2500Upcoming

Local Business Networking Mixer

Network with local business owners over coffee and pastries.

2024-01-22 12:00 PM
Duration: 2 hours
Downtown Coffee Co., 456 Main Street
View on map
8 tickets sold
7 tickets remaining
business
Category
Organized by
Chamber of Commerce

Compact Style

Minimal information for dense layouts and sidebars.

Community Garden Cleanup

Jan 1•Sunset Community Garden, 123 Garden Street•12 attending
FreeUpcoming

Local Business Networking Mixer

Jan 1•Downtown Coffee Co., 456 Main Street•8 attending
$2500Upcoming

Kids Art Workshop: Painting & Crafts

Jan 1•Community Center, Art Room B•18 attending
$1500Upcoming

Historical Walking Tour

Jan 1•City Hall Steps (Meeting Point)•22 attending
FreeUpcoming

Timeline Style

Vertical timeline layout with date circles for chronological displays.

20
Jan

Community Garden Cleanup

FreeUpcoming

Help clean up our community garden this Saturday morning.

12:00 PMSunset Community Garden, 123 Garden Street12
22
Jan

Local Business Networking Mixer

$2500Upcoming

Network with local business owners over coffee and pastries.

12:00 PMDowntown Coffee Co., 456 Main Street8
24
Jan

Kids Art Workshop: Painting & Crafts

$1500Upcoming

Fun art workshop for kids with painting and crafts.

12:00 PMCommunity Center, Art Room B18
15
Jan

Historical Walking Tour

FreeUpcoming

Guided tour of downtown historical sites.

12:00 PMCity Hall Steps (Meeting Point)22

Special Features

Demonstrating special features like image support, pricing, and status indicators.

With Images & Media

Community garden with volunteers working
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

Without Images

$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

Technical Implementation

Card Styles Available:

  • default - Standard card layout
  • preview - Horizontal compact layout
  • full - Detailed view with actions
  • compact - Minimal information
  • timeline - Timeline layout with date circles

Features:

  • Multiple size variants (sm, md, lg)
  • Image support with fallback handling
  • Pricing display for paid events
  • Status indicators (past, featured, full)
  • Responsive design with hover effects
  • Accessibility support