Glow button component

Requires the following Tailwind CSS config extension:

... extend: {

animation: {
  tilt: "tilt 5s ease-in-out infinite",
},
keyframes: {
  tilt: {
    "0%, 50%, 100%": { transform: "rotate(0deg)" },
    "25%": { transform: "rotate(3deg)" },
    "75%": { transform: "rotate(-3deg)" },
  },
},

}

Attributes

• parent_class (:string) - CSS class for parent div. Defaults to "".
• class (:string) - CSS class for button. Defaults to "".
• from_color (:string) - Defaults to "purple-300".
• to_color (:string) - Defaults to "pink-300".
• text_color (:string) - Defaults to "gray-100".
• background_color (:string) - Defaults to "black".
• Global attributes are accepted.

Slots

• inner_block (required)