### Размер Toolbar Размер Toolbar задается с помощью свойства  `size` . Возможные значения свойства:  `"l"` ,  `"m"` ,  `"s"`  или  `"xs"` : 
```tsx
import React from 'react';
import { Toolbar } from '@salutejs/plasma-web';
import { IconEdit } from '@salutejs/plasma-icons';
export function App() {
return (
<div>
<Toolbar size="l">
<Button square size="l" view="clear" contentLeft={<IconEdit />} />
<Button square size="l" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="l" view="clear" contentLeft={<IconEdit />} />
<Button square size="l" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
<Toolbar size="m">
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
<Toolbar size="m">
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="s" view="clear" contentLeft={<IconEdit />} />
<Button square size="s" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
<Toolbar size="xs">
<Button square size="xs" view="clear" contentLeft={<IconEdit />} />
<Button square size="xs" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="xs" view="clear" contentLeft={<IconEdit />} />
<Button square size="xs" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
</div>
);
}
```
### Положение Toolbar Положение Toolbar задается с помощью свойства  `orientation` . Возможные значения свойства  `orientation` : `"vertical"`  – вертикальное положение; `"horizontal"`  – горизонтальное положение; 
```tsx
import React from 'react';
import { Toolbar } from '@salutejs/plasma-web';
import { IconEdit } from '@salutejs/plasma-icons';
export function App() {
return (
<div>
<Toolbar orientation="vertical">
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
<Toolbar orientation="horizontal">
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<ToolbarDivider />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
<Button square size="m" view="clear" contentLeft={<IconEdit />} />
</Toolbar>
</div>
);
}
```