In rust Leptos framework, attributes can be defined as follows. Syntax is

<attribute>:<class_name>=<boolean>

If the boolean is true, class name will be added to the existing list. Here, tailwind cli by default identify the class="ease-in-out transition-all duration-1000" attribute as CSS classes and successfully generates it to the output CSS file.

However, it’s not capturing any of class:<class_name> pattern. Is there a way to add custom match patterns in tailwind config?

<h1
  class="ease-in-out transition-all duration-1000"
  class:translate-x-20=move|| { !loaded() }
  class:translate-x-0=move|| { loaded() }
>
  hello
</h1>