Which option for naming components is more correct?

Question

Vue.js

There are quite a few "card components" in the project, which I style FilledCard, RowCard, ListCard, and so on.
Somehow I just remembered that in bootstrap buttons are named according to the principle btn-primary btn-default, i.e. first the noun and then the adjective.
It turns out that my version of naming cards is not the most correct? Or is there no need to dwell on these moments?

Answer 1

The main thing that would be in the same style. And in which one - it's more convenient for you personally or within your team.