# Компонент Icon для использования в RTable

Компонент для отрисовки иконок через настройку column в RTable.

### Использование компонента:

```ts
get columns() {
    return [
        ...
        {
            field: 'enabled',
            componentPath: 'icon',
            componentOptions: {
                icon: 'block',
                align: 'center',
                iconColor: 'black',
            },
            format: (val: any) => (val ? 'icon' : ''),
            label: 'Активность',
            name: 'enabled',
        },
        ...
    ]
}
```

### Описание props

Поддерживаемые параметры.

1. `value` - Строка, если есть значение, то значит будет выводится иконка - `icon`, иначе будет выводится иконка по умолчанию - `iconBlank`. Значение по умолчанию `''`. Необязательный.
2. `icon` - Строка, содержащая название иконки. Значение по умолчанию `pgs-check`. Необязательный.
2. `iconBlank` - Строка, содержащая название иконки по умолчанию. Значение по умолчанию `''` Необязательный.
3. `iconColor` - Строка, содержащая цвет иконки. Значение по умолчанию `#1491cf`. Необязательный.
4. `align` - Строка, для управление расположением иконки по горизонтали. Принимает значение `left`, `right`, `center`. Значение по умолчанию `center`. Необязательный.

### События

События для данного компонента не предусмотрены.

### Слоты

Слоты для данного компонента не предусмотрены.

### Пример использования

`*.ts`

```ts
get columns() {
    return [
        ...
        {
            field: 'blocked',
            componentPath: 'icon',
            componentOptions: {
                icon: 'lock',
                align: 'center',
                iconColor: 'black',
            },
            // если опирается на boolean значение его необходимо перевести в строковое,
            // т.к. поле format в column должно возвращать строку
            format: (val: any) => (val ? 'icon' : ''),  
            label: 'Блокировка',
            name: 'blocked',
        },
        ...
    ]
}
```
