Skip to content

VCalendarEvent

Props

NameTypeDescription
appearanceEnum:
filled
duotone
subtle
Sets the event's appearance
connotationEnum:
alert
accent
cta
success
warning
information
announcement
Sets the first day of the week to display
descriptionstringSets the event description
durationnumberSets the event duration (e.g. 2 = 2 hours)
headingstringSets the event heading
overlap-countnumberSets the stacking context of the event when it overlaps with another
startnumberSets the event start time (e.g. 14 = 2pm)

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.