Skip to content

component

Aisol Event List

By ulz song

Details

Summary

Aisol Event List turns a list of events into a grouped schedule that handles the past for you.

Description

Aisol Event List turns a list of events into a grouped schedule that handles the past for you. What makes it different Grouping: month, week, or none. Today is highlighted; items with an unreadable date go to a "Date needed" group instead of breaking the list. - Past handling: dim, hide, or move past events to the bottom - judged by the visitor's clock in the time zone you choose. - Locale and time zone: display and grouping use the same Intl time zone, so switching zones never splits a day across two groups. - Add to calendar: an optional .ics button per event (all-day and timed), generated by the component itself. - Accessibility: semantic list, heading level control, on every date, separate tab stops for link and .ics. - Slots: pair any event with a custom card via the Event Cards slot. Controls: Events, Event Cards slots, Group by, Past mode, Locale, Time zone, Heading level, .ics button, colors, typography, radius, spacing. Touches only its own DOM: no document queries, nothing written to your page. Part of the Aisol Course Site Kit - Get this plus the curriculum accordion, tuition plan table, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH More components at Aisol Studio - https://www.framer.com/@ulz-song/

Introduction

Events grouped, past handled

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750184708/319/39/79/119/15
  • All · #8250