x
1
<a data-controller="notification" data-notification-delay-value="2000" class="text-white bg-blue-700 border border-transparent enabled:hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 group flex items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-hidden rounded-lg text-sm p-1.5 transition transform duration-1000 hidden" data-transition-enter-from="opacity-0 translate-x-6" data-transition-enter-to="opacity-100 translate-x-0" data-transition-leave-from="opacity-100 translate-x-0" data-transition-leave-to="opacity-0 translate-x-6" data-action="notification#hide">A Button</a>1
2
3
4
5
6
7
8
9
10
11
12
<%= fx_button( as: :a, with_content: "A Button", "data-controller": "notification", "data-notification-delay-value": "2000", class: "transition transform duration-1000 hidden", "data-transition-enter-from": "opacity-0 translate-x-6", "data-transition-enter-to": "opacity-100 translate-x-0", "data-transition-leave-from": "opacity-100 translate-x-0", "data-transition-leave-to": "opacity-0 translate-x-6", "data-action": "notification#hide") %>No notes provided.
No params configured.