# Группы кнопок 1.0.7+ | 1.1.2+

# Базовое использование

<div class="tc-clib-buttonGroup">
	<xf:button>Button 1</xf:button>
	<xf:button>Button 2</xf:button>
	<xf:button>Button 3</xf:button>
</div>

# Отображение во всю ширину контейнера

<div class="tc-clib-buttonGroup tc-clib-buttonGroup--fullWidth">
	<xf:button>Button 1</xf:button>
	<xf:button>Button 2</xf:button>
	<xf:button>Button 3</xf:button>
</div>

# Отображение во всю ширину контейнера c отступами между кнопками

<div class="tc-clib-buttonGroup tc-clib-buttonGroup--fullWidth tc-clib-buttonGroup--fullWidth--padded">
	<xf:button>Button 1</xf:button>
	<xf:button>Button 2</xf:button>
	<xf:button>Button 3</xf:button>
</div>

# Скругление краев

<div class="tc-clib-buttonGroup tc-clib-buttonGroup--fullWidth tc-clib-buttonGroup--rounded">
	<xf:button>Button 1</xf:button>
	<xf:button>Button 2</xf:button>
	<xf:button>Button 3</xf:button>
</div>

# Скрытие кнопки

<div class="tc-clib-buttonGroup">
	<xf:button class="is-hidden">Button 1</xf:button>
	<xf:button>Button 2</xf:button>
	<xf:button>Button 3</xf:button>
</div>