### Размер кнопки Размер кнопки задается с помощью свойства `size` .
```tsx
import React from 'react';
import { IconButton } from '@salutejs/plasma-web';
import { IconClose } from '@salutejs/plasma-icons';
export function App() {
return (
);
}
```
### Вид кнопки Вид кнопки задается с помощью свойства `view` . Возможные значения свойства `view` : `"default"` – по умолчанию; `"accent"` – акцентная; `"secondary"` – вторичная; `"clear"` – без цветового сопровождения. `"success"` – успешное завершение; `"warning"` – предупреждение; `"critical"` – ошибка; `"dark"` – темная; `"black"` – черная; `"white"` – белая.
```tsx
import React from 'react';
import { IconButton } from '@salutejs/plasma-web';
import { IconClose } from '@salutejs/plasma-icons';
export function App() {
return (
);
}
```
### Границы кнопки Границы кнопки задаются с помощью свойства `pin` . Возможные значения свойства `pin` : `square` – обычное скругление; `circle` – сильное скругление; `clear` – нет скругления.
```tsx
import React from 'react';
import { IconButton } from '@salutejs/plasma-web';
import { IconClose } from '@salutejs/plasma-icons';
export function App() {
return (
);
}
```