Skip to content
This repository has been archived by the owner on Jan 22, 2023. It is now read-only.

[Deprecated] Convenient Vue wrapper for the add to calendar button snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars.

License

Notifications You must be signed in to change notification settings

add2cal/add-to-calendar-button-vue

Repository files navigation

Add to Calendar Button Vue Wrapper

Version Parent Script Version npm bundle size


⚠️ Deprecated!

The Add to Calendar Button - optimized for Vue 3

This is a deprecated wrapper repository for the popular Add to Calendar Button.

It is no longer supported, since the mentioned parent repository now supports native Vue support out-of-the-box!


▶️ Demo

See add-to-calendar-button.com for a live demo and more documentation.






✨ Features

Simple and convenient integration of 1 or many buttons, optimized to be used as a Vue component.

Supported Calendars

  • Google Calendar.
  • Yahoo Calender.
  • Microsoft 365, Outlook, and Teams.
  • Automatically generated iCal/ics files (for all other calendars, like Apple).

Event Types

  • Timed and all-day events.
  • One-time, multi-date, recurring.
  • Most robust time zone and daylight saving management (via our own TimeZones iCal Library).
  • Dynamic dates (like "today + 3").

Look

  • Beautiful and adjustable UI.
  • Light and dark mode.
  • Multiple themes.

Accessibility

  • Optimized and adjustable UX (for desktop and mobile).
  • Dynamic dropdown positioning.
  • Taking care of all those edge cases, where some scenarios do not support specific setups (like WebView blocking downloads); utilizing beautiful user guidance workarounds.
  • Auto-generated Schema.org rich (structured) data for better SEO.
  • Full support for mouse, touch, or keyboard input (W3C WAI compliant).
  • Supporting 20+ languages, incl. RTL text for Arabic; but also custom labels and text blocks.

And much more

  • Well documented code, to easily understand the processes and build on top of it.
  • No external module or backend dependencies.
  • Therefore, fully GDPR, CCPA, and LGPD compliant - without the need of signing some data processing agreement.
  • FREE and easy.






All options and hidden features

Find all information about the available parameters and how to configure specific features at the github.com/add2cal/add-to-calendar-button/blob/main/DOCS.md.




⚡ Changelog

  • v2.0 : deprecated in favor of the parent repository
  • v1.2 : asynch functionality
  • v1.1 : changing component name
  • v1.0 : initial release

📃 Copyright and License

Copyright (c) Jens Kuerschner.

Licensed under Elastic License 2.0 (ELv2).

About open-source: We consider ourselves open-source. However, we are also aware of the controversy coming with licenses like the one selected. Therefore, and contrary to many other companies and products, we no longer use the term in any marketing statements unless it is about other pieces which really are under an official OSI license.

Speaking about the license: We love it, because it is so simple. Have a look! You are basically free to do anything unless you are not offering the tool itself as a product or service; or want to remove copyright and license stuff. In doubt, simply ask and we find a way. :)




💜 Kudos go to

...all contributors and people involved! Thanks a lot!

Find more details at the respective parent repo section here...


About

[Deprecated] Convenient Vue wrapper for the add to calendar button snippet, which lets you reliably create beautiful buttons, where people can add events to their calendars.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks