> For the complete documentation index, see [llms.txt](https://64j.gitbook.io/multifields-2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://64j.gitbook.io/multifields-2/vneshnii-vid.md).
# Внешний вид
```php
[
'view' => 'icons',
'toolbar' => [
'breakpoints' => true OR ['', 'xl', 'lg', 'sm'],
'export' => true,
'import' => true,
'fullscreen' => true,
'save' => true,
]
],
'templates' => [],
'items' => []
];
```
## **view**
отвечает за вывод шаблонов первого уровня, списком или иконками с названиями в виде кнопок (icons). Для каждого шаблона можно добавить иконку или своё название.
## toolbar
Настройки для верхней части вывода компонента в админ панели.
## **breakpoints**
точки с разрешениями экранов которые могут использоваться элементами для сохранения значений при выбранных брикпойнтах. На данный момент элемент [row](/multifields-2/tipy-i-parametry/row.md) использует эту возможность.
Можно задать как свои точки, так и выбрать из тех что есть, либо вывести все, присвоив значение **true**
Свои значения (в примере ниже установлены данные для сетки boostrap 4) можно поставить при использовании других CSS фреймворков, например Skeleton или Foundation.
```php
[
'toolbar' => [
'breakpoints' => [
[
'name' => '',
'value' => 0,
'label' => 'Default',
'icon' => ''
],
[
'name' => 'xl',
'value' => 1200,
'label' => 'Desktop (xl) - 1200 px',
'icon' => '',
],
[
'name' => 'lg',
'value' => 992,
'label' => 'Laptop (lg) - 992 px',
'icon' => '',
],
[
'name' => 'md',
'value' => 768,
'label' => 'Tablet (md) - 768 px',
'icon' => '',
],
[
'name' => 'sm',
'value' => 576,
'label' => 'Mobile (sm) - 576 px',
'icon' => '',
],
[
'name' => 'xs',
'value' => 320,
'label' => 'Mobile (xs) - 320 px',
'icon' => '',
]
]
]
]
];
```
### **name**
Префикс брикпойнта
### **value**
Значение в пикселях
### **label**
Название, будет показываться при наведении курсора мыши на иконку
### **icon**
Иконка для брикпойнта. Возможные значения: адрес картинки на сервере, класс для fontAwesome либо код svg
## export
Добавляет кнопку для экспорта данных в формате json
## import
Добавляет кнопку для импорта данных в формате json
## fullscreen
Добавляет кнопку для открытия и редактирования компонента multifields на полный экран
## save
Добавляет кнопку сохранения при редактировании в полноэкранном режиме, по умолчанию включена.