# ButtonGroup Props (свойства) для компонента ButtonGroup: [{"name":"view","type":{"name":"enum","raw":"\"clear\" | \"default\" | \"secondary\" | \"primary\" | \"accent\" | \"warning\" | \"dark\" | \"success\" | \"critical\" | \"black\" | \"white\"","value":[{"value":"\"clear\""},{"value":"\"default\""},{"value":"\"secondary\""},{"value":"\"primary\""},{"value":"\"accent\""},{"value":"\"warning\""},{"value":"\"dark\""},{"value":"\"success\""},{"value":"\"critical\""},{"value":"\"black\""},{"value":"\"white\""}]}},{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\" | \"xl\" | \"xxs\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""},{"value":"\"xl\""},{"value":"\"xxs\""}]}},{"name":"orientation","type":{"name":"enum","raw":"\"horizontal\" | \"vertical\"","value":[{"value":"\"horizontal\""},{"value":"\"vertical\""}]}},{"name":"gap","type":{"name":"enum","raw":"\"none\" | \"dense\" | \"wide\"","value":[{"value":"\"none\""},{"value":"\"dense\""},{"value":"\"wide\""}]}},{"name":"shape","type":{"name":"enum","raw":"\"default\" | \"segmented\"","value":[{"value":"\"default\""},{"value":"\"segmented\""}]}},{"name":"stretching","type":{"name":"enum","raw":"\"filled\" | \"auto\"","value":[{"value":"\"filled\""},{"value":"\"auto\""}]}},{"name":"isCommonButtonStyles","type":{"name":"boolean"}}] ## Использование Компонент  `ButtonGroup`  - это обертка для Button. Принимает в себя группу кнопок. ```tsx
import React from 'react';
import { ButtonGroup, Button } from '@salutejs/plasma-web';
export function App() {
return (
<ButtonGroup>
{Array(5)
.fill(true)
.map((_, i) => (
<Button text={`Button ${i}`} />
))}
</ButtonGroup>
);
}
```