Button Group

Properties:

• Buttons 

Shoelace

https://shoelace.style/components/button-group

<sl-button-group label="Alignment">
  <sl-button>Left</sl-button>
  <sl-button>Center</sl-button>
  <sl-button>Right</sl-button>
</sl-button-group>

vue-dsfr

Groupe de boutons - Button group

<template>
  <DsfrButtonGroup
    :buttons="buttons"
    :size="size"
    :align="align"
    :inline="inline"
    :inline-layout-when="inlineLayoutWhen"
    :icon-right="iconRight"
    :reverse="reverse"
  />
</template>

Vuetify

https://vuetifyjs.com/en/styles/flex/#flex-shorthand

<div>
    <div class="d-flex flex-row mb-6 bg-surface-variant">
      <v-sheet class="ma-2 pa-2">Flex item 1</v-sheet>
      <v-sheet class="ma-2 pa-2">Flex item 2</v-sheet>
      <v-sheet class="ma-2 pa-2">Flex item 3</v-sheet>
    </div>

    <div class="d-flex flex-row-reverse mb-6 bg-surface-variant">
      <v-sheet class="ma-2 pa-2">Flex item 1</v-sheet>
      <v-sheet class="ma-2 pa-2">Flex item 2</v-sheet>
      <v-sheet class="ma-2 pa-2">Flex item 3</v-sheet>
    </div>
  </div>