Contenu v1.0.0

Compte à rebours

Minuteur de compte à rebours animé décomptant jusqu'à une date cible. Le style simple affiche des nombres bruts avec des libellés. Le style flip offre un effet d'horloge 3D à volets avec des cartes divisées et des animations CSS par images clés.

Simple

Nombres bruts avec libellés sous chaque unité, séparés par des deux-points

Options

Nom Type Par défaut Description
target_date * String requis ISO 8601 date/time string to count down to
show_days Boolean true Whether to display the days unit
show_hours Boolean true Whether to display the hours unit
show_minutes Boolean true Whether to display the minutes unit
show_seconds Boolean true Whether to display the seconds unit
expired_message String "Time's up!" Message shown when countdown reaches zero
labels Hash { days: "Days", hours: "Hours", minutes: "Minutes", seconds: "Seconds" } Custom labels for each time unit
size Symbol :md Size variant: :sm, :md, :lg

Flip

Animation d'horloge 3D à volets avec cartes divisées et transformations en perspective

Options

Nom Type Par défaut Description
target_date * String requis ISO 8601 date/time string to count down to
show_days Boolean true Whether to display the days unit
show_hours Boolean true Whether to display the hours unit
show_minutes Boolean true Whether to display the minutes unit
show_seconds Boolean true Whether to display the seconds unit
expired_message String "Time's up!" Message shown when countdown reaches zero
labels Hash { days: "Days", hours: "Hours", minutes: "Minutes", seconds: "Seconds" } Custom labels for each time unit
size Symbol :md Size variant: :sm, :md, :lg

Journal des modifications v1.0.0

- v1.0.0: Initial release with simple and flip styles

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant