ZeenButtonGroup

Компонент группы кнопок/элементов

Примеры:

• Выравнивание кнопок по контенту. Margin задается самим кнопкам

• Выравнивание кнопок с равными отступами по всей ширине

props

Название	Тип	Обязательный	По умолчанию	Описание
widthTheme	string	-	content	content - элементы следуют друг за другом, отступы необходимо задавать самим элементам, которые передаются в slot. equal - элементы выравниваются по ширине родителя с одинаковыми отступами

Source Code - исходный код компонента

<template>
  <div class="zeen-button-group" :class="{'zeen-button-group_equal': widthTheme === 'equal'}">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'ZeenButtonGroup',
  props: {
    widthTheme: {
      type: String,
      default: 'content',
      validator: (theme) => ['content', 'equal'].includes(theme),
    },
  },
}
</script>

<style lang="scss" scoped>
.zeen-button-group {
  display: flex;
  align-items: center;

  &_equal {
    justify-content: space-between;
  }
}
</style>