Comment passer des classes css à des elements internes à un composant Vue?

Bonjour,
La réponse existe surement déjà mais je ne l’ai pas trouvée:
J’ai un composant, disons MonComposant.vue qui contient le template:

<template>
  <div class="mon-comp">
     <Button .... />
     <Dialog ... />
     <autres composants>
  </div>
</template>

Quand j’utilise ce composant dans une vue, je voudrais pouvoir dire que le bouton doit avoir la classe p-buttonraised ou p-putton-rounded (bref donner une classe de bouton à mon bouton)

On peut bien sur le faire en définissant une property “buttonclass” qu’on met sur le bouton comme ceci:

<Button :class="buttonclass" />

mais je pense qu’on doit pouvoir injecter une classe sans définir une property spéciale, non?

on peut utiliser des props sur le composant Button
<Button raised :rounded="isRounded" />
et laisser le composant Button donner les noms de classes à sa convenance

mais si il faut vraiment que le composant parent donne des noms, on peut passer les noms dans les props