Beautiful Alert Component with TailwindCSS, Vue & CVA

[@AddMotionLeb]

I think someone is in love with this CVA 😊

[@VELIXYZ]

This is sooo goood and clean. Thank you!

[@dvlden]

I wonder why CVA when we can bind classes as arrays and objects and mixed? I use clsx with React, but nothing in Vue.

[@cdruc]

objects & arrays are fine, I just find cva to be more readable - even more so when dealing with multiple props/variants

[@codedjango]

We want more components....at the moment I see only this component on variantui

[@matheusdesousamenezes514]

Really nice! One question: Is it safe in terms of performance to declare those cva classes as computed properties? On the examples that i saw on the docs, these were declared on the defineProps function, not as computed

[@cdruc]

Yes, it's safe. But if you don't want/need classes to be "recalculated" (I do) when the props change, just use a function like in the library example 👍

[@ValentinTzanev]

Is there a good reason to use function as a prop instead of the custom event for dismiss?

[@dvlden]

I think the best practise in Vue is to always use Event emitting.

[@cdruc]

there's good reason, can you guess why? 😃

[@ValentinTzanev]

@@cdruc Still wonder! :)

[@СергейКиршевский]

@@cdruc i think that this way it will be easier to rewrite close button to a slot

[@devsystems]

where do I find the source code

[@iamsomraj]

Hey, can you please the name of your font?

[@amalebu]

Yeay! Thank you