@tetacom/ng-components 1.2.6 → 1.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/component/button/button/button.component.d.ts +2 -2
- package/component/tabs/tabs/tabs.component.d.ts +10 -1
- package/docs/badgeDocs.mdx +17 -22
- package/docs/buttonDocs.mdx +115 -118
- package/docs/chipDocs.mdx +13 -15
- package/docs/tabsDocs.mdx +107 -89
- package/esm2022/component/button/button/button.component.mjs +12 -7
- package/esm2022/component/table/head-cell-dropdown/head-cell-dropdown.component.mjs +2 -2
- package/esm2022/component/tabs/tab/tab.component.mjs +2 -2
- package/esm2022/component/tabs/tabs/tabs.component.mjs +23 -11
- package/fesm2022/tetacom-ng-components.mjs +33 -16
- package/fesm2022/tetacom-ng-components.mjs.map +1 -1
- package/package.json +1 -1
- package/style/badge.scss +11 -12
- package/style/button.scss +12 -11
- package/style/chips.scss +102 -14
- package/style/presets/font-presets.scss +10 -2
- package/style/tabs.scss +42 -18
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
|
-
import { viewType } from
|
|
2
|
+
import { viewType } from '../../../common/model/view-type.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export type ButtonViewType = 'primary' | 'outline' | 'ghost';
|
|
5
5
|
export declare class ButtonComponent implements OnInit {
|
|
@@ -8,7 +8,7 @@ export declare class ButtonComponent implements OnInit {
|
|
|
8
8
|
view: ButtonViewType;
|
|
9
9
|
square: boolean;
|
|
10
10
|
viewType: viewType;
|
|
11
|
-
size: 'm' | 'l';
|
|
11
|
+
size: 's' | 'm' | 'l';
|
|
12
12
|
private get getClass();
|
|
13
13
|
constructor();
|
|
14
14
|
ngOnInit(): void;
|
|
@@ -8,10 +8,19 @@ export interface ITabChangeEvent {
|
|
|
8
8
|
}
|
|
9
9
|
export declare class TabsComponent implements AfterContentChecked {
|
|
10
10
|
classTabs: boolean;
|
|
11
|
+
get verticalClassTabs(): boolean;
|
|
11
12
|
/**
|
|
12
13
|
* An identifier of an initially selected (active) tab. Use the "select" method to switch a tab programmatically.
|
|
13
14
|
*/
|
|
14
15
|
activeId: string | null;
|
|
16
|
+
/**
|
|
17
|
+
* Tabs direction
|
|
18
|
+
*/
|
|
19
|
+
direction: 'horizontal' | 'vertical';
|
|
20
|
+
/**
|
|
21
|
+
* Tabs size
|
|
22
|
+
*/
|
|
23
|
+
size: 's' | 'm';
|
|
15
24
|
/**
|
|
16
25
|
* Whether the closed tabs should be hidden without destroying them
|
|
17
26
|
*/
|
|
@@ -30,5 +39,5 @@ export declare class TabsComponent implements AfterContentChecked {
|
|
|
30
39
|
ngAfterContentChecked(): void;
|
|
31
40
|
private _getTabById;
|
|
32
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "teta-tabs", never, { "activeId": { "alias": "activeId"; "required": false; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; }; }, { "tabChange": "tabChange"; }, ["tabs"],
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "teta-tabs", never, { "activeId": { "alias": "activeId"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; "destroyOnHide": { "alias": "destroyOnHide"; "required": false; }; }, { "tabChange": "tabChange"; }, ["tabs"], never, true, never>;
|
|
34
43
|
}
|
package/docs/badgeDocs.mdx
CHANGED
|
@@ -1,24 +1,19 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import BadgeStories from
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import BadgeStories from '../src/component/badge/Badge.stories';
|
|
3
3
|
|
|
4
|
-
<Meta of={BadgeStories}/>
|
|
4
|
+
<Meta of={BadgeStories} />
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
<li>Обводка- реализуется добавлением класса <code>badge</code></li>
|
|
21
|
-
<li>Заливка - необходимо добавить класс <code>badge</code> и <code>badge-"палитра"_filled</code> (Пример: badge-green_filled)</li>
|
|
22
|
-
</ul>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
6
|
+
# Badge
|
|
7
|
+
|
|
8
|
+
Badge — показывает статус объекта, например, им можно показать разные этапы какого-то процесса:
|
|
9
|
+
|
|
10
|
+
- Запланированно
|
|
11
|
+
- В работе
|
|
12
|
+
- Завершено
|
|
13
|
+
|
|
14
|
+
### Как использовать
|
|
15
|
+
|
|
16
|
+
У Badge есть 2 варианта отображения:
|
|
17
|
+
|
|
18
|
+
- Обводка- реализуется добавлением класса `badge`
|
|
19
|
+
- Заливка - необходимо добавить класс `badge` и `badge-"палитра"_filled` ( Пример: `badge-green_filled` )
|
package/docs/buttonDocs.mdx
CHANGED
|
@@ -1,120 +1,117 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import * as
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import * as ButtonStories from '../src/component/button/Button.stories';
|
|
3
3
|
|
|
4
|
-
<Meta of={ButtonStories}/>
|
|
4
|
+
<Meta of={ButtonStories} />
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
<
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
<
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
</
|
|
61
|
-
</
|
|
62
|
-
<
|
|
63
|
-
<
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
</
|
|
72
|
-
</
|
|
73
|
-
<
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
<
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</
|
|
83
|
-
</
|
|
84
|
-
<
|
|
85
|
-
<
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
<
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
<
|
|
96
|
-
<
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
<
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
<
|
|
107
|
-
<
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
<
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
<
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
</table>
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
6
|
+
# Кнопка
|
|
7
|
+
|
|
8
|
+
Button (кнопка) — компонент, который призывает пользователя к совершению определенного действия в интерфейсе,
|
|
9
|
+
например: открыть следующую страницу, заказать товар или войти в свой аккаунт.
|
|
10
|
+
|
|
11
|
+
Основной призыв к действию. Предназначены для выполнения какого-либо действия в системе.
|
|
12
|
+
|
|
13
|
+
### Как использовать
|
|
14
|
+
|
|
15
|
+
За создание кнопки отвечает компонент
|
|
16
|
+
|
|
17
|
+
Основные правила применения кнопки:
|
|
18
|
+
|
|
19
|
+
- Текст кнопки всегда должен быть с заглавной буквы;
|
|
20
|
+
- Текст на кнопке должен сообщать пользователю, что произойдёт, если он нажмёт на кнопку (например, Сохранить, Добавить
|
|
21
|
+
и т. п.);
|
|
22
|
+
- Не перенасыщать страницу большим количеством Primary кнопок. Не распологать их рядом друг с другом.
|
|
23
|
+
|
|
24
|
+
### Типы кнопок
|
|
25
|
+
|
|
26
|
+
В системе существуют всего 3 типа кнопок
|
|
27
|
+
|
|
28
|
+
- Primary (основная)
|
|
29
|
+
- Ghost (без фона)
|
|
30
|
+
- Outline (с обводкой)
|
|
31
|
+
|
|
32
|
+
### Размер кнопок
|
|
33
|
+
|
|
34
|
+
Есть 3 размера кнопок — s, m и l. В основном в проектах используются кнопки размера m.
|
|
35
|
+
|
|
36
|
+
### Свойства
|
|
37
|
+
|
|
38
|
+
<table>
|
|
39
|
+
<thead>
|
|
40
|
+
<tr>
|
|
41
|
+
<th>Свойство</th>
|
|
42
|
+
<th>Tип</th>
|
|
43
|
+
<th>Описание</th>
|
|
44
|
+
</tr>
|
|
45
|
+
</thead>
|
|
46
|
+
<tbody>
|
|
47
|
+
<tr>
|
|
48
|
+
<td class="text-align-center">
|
|
49
|
+
<p>viewType</p>
|
|
50
|
+
</td>
|
|
51
|
+
<td class="text-align-center">
|
|
52
|
+
<code>'rounded'|'circle'|'brick'</code>
|
|
53
|
+
</td>
|
|
54
|
+
<td class="text-align-center">
|
|
55
|
+
<p>Свойство округления компонента.</p>
|
|
56
|
+
</td>
|
|
57
|
+
</tr>
|
|
58
|
+
<tr>
|
|
59
|
+
<td class="text-align-center">
|
|
60
|
+
<p>size</p>
|
|
61
|
+
</td>
|
|
62
|
+
<td class="text-align-center">
|
|
63
|
+
<code>'s' | 'm' |'l'</code>
|
|
64
|
+
</td>
|
|
65
|
+
<td class="text-align-center">
|
|
66
|
+
<p>Размер кнопки</p>
|
|
67
|
+
</td>
|
|
68
|
+
</tr>
|
|
69
|
+
<tr>
|
|
70
|
+
<td class="text-align-center">
|
|
71
|
+
<p>disabled</p>
|
|
72
|
+
</td>
|
|
73
|
+
<td class="text-align-center">
|
|
74
|
+
<code>boolean</code>
|
|
75
|
+
</td>
|
|
76
|
+
<td class="text-align-center">
|
|
77
|
+
<p>Отключает реакцию компонента на клик пользователя</p>
|
|
78
|
+
</td>
|
|
79
|
+
</tr>
|
|
80
|
+
<tr>
|
|
81
|
+
<td class="text-align-center">
|
|
82
|
+
<p>palette</p>
|
|
83
|
+
</td>
|
|
84
|
+
<td class="text-align-center">
|
|
85
|
+
<code>string</code>
|
|
86
|
+
</td>
|
|
87
|
+
<td class="text-align-center">
|
|
88
|
+
<p>
|
|
89
|
+
Отвечает за цвет фона кнопки. Принимает в себя название палитры и указывает 50-й оттенок (Пример: вводим
|
|
90
|
+
yellow- цвет будет color-yellow-50). Работает только при view="primary"
|
|
91
|
+
</p>
|
|
92
|
+
</td>
|
|
93
|
+
</tr>
|
|
94
|
+
<tr>
|
|
95
|
+
<td class="text-align-center">
|
|
96
|
+
<p>view</p>
|
|
97
|
+
</td>
|
|
98
|
+
<td class="text-align-center">
|
|
99
|
+
<code>'primary' | 'outline' | 'ghost'</code>
|
|
100
|
+
</td>
|
|
101
|
+
<td class="text-align-center">
|
|
102
|
+
<p>Свойство, которое отвечает за тип кнопки</p>
|
|
103
|
+
</td>
|
|
104
|
+
</tr>
|
|
105
|
+
<tr>
|
|
106
|
+
<td class="text-align-center">
|
|
107
|
+
<p>square</p>
|
|
108
|
+
</td>
|
|
109
|
+
<td class="text-align-center">
|
|
110
|
+
<code>boolean</code>
|
|
111
|
+
</td>
|
|
112
|
+
<td class="text-align-center">
|
|
113
|
+
<p>Отвечает за форму кнопки</p>
|
|
114
|
+
</td>
|
|
115
|
+
</tr>
|
|
116
|
+
</tbody>
|
|
117
|
+
</table>
|
package/docs/chipDocs.mdx
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import ChipStories from
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import ChipStories from '../src/component/chip/Chip.stories';
|
|
3
3
|
|
|
4
|
-
<Meta of={ChipStories}/>
|
|
4
|
+
<Meta of={ChipStories} />
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
6
|
+
# Чипы
|
|
7
|
+
|
|
8
|
+
- Чипы — это компактные элементы, которые представляют атрибут или действие.
|
|
9
|
+
- Чипы позволяют пользователям получать информацию, делать выбор, фильтровать контент или запускать действия.
|
|
10
|
+
|
|
11
|
+
### Как использовать
|
|
12
|
+
|
|
13
|
+
Для того чтобы сделать чип, нужно к блоку добавить CSS класс `chip`
|
|
14
|
+
|
|
15
|
+
Если помимо текста в чипе нужна кнопка (допустим кнопка с иконкой closeBig), то она должна идти после текста
|
package/docs/tabsDocs.mdx
CHANGED
|
@@ -1,145 +1,163 @@
|
|
|
1
|
-
import {Meta} from
|
|
2
|
-
import TabsStories from
|
|
3
|
-
|
|
4
|
-
<Meta of={TabsStories}/>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
1
|
+
import { Meta } from '@storybook/blocks';
|
|
2
|
+
import TabsStories from '../src/component/tabs/Tabs.stories';
|
|
3
|
+
|
|
4
|
+
<Meta of={TabsStories} />
|
|
5
|
+
|
|
6
|
+
# Таб
|
|
7
|
+
|
|
8
|
+
Tab (таб) — компонент, который переключают вкладки на странице. Активный таб выделен цветом и помечен специальным
|
|
9
|
+
маркером — горизонтальной или вертикальной линией
|
|
10
|
+
|
|
11
|
+
Табы группируют контент и помогают в навигации
|
|
12
|
+
|
|
13
|
+
Основные правила применения табов:
|
|
14
|
+
|
|
15
|
+
### Правила применения
|
|
16
|
+
|
|
17
|
+
- Не использовать табы для переключения состояний. Для таких моментов лучше использовать радиокнопки
|
|
18
|
+
- Лучше всего подойдет для второстепенной навигации
|
|
19
|
+
- Разделяйте табы и контент, чтобы информация лучше читалась
|
|
20
|
+
|
|
21
|
+
### Виды табов
|
|
22
|
+
|
|
23
|
+
Существует 2 вида табов:
|
|
24
|
+
|
|
25
|
+
- Вертикальный(vertical)
|
|
26
|
+
- Горизонтальный(horizontal)
|
|
27
|
+
|
|
28
|
+
Для изменения вида таба, нужно передать свойство `direction`
|
|
29
|
+
|
|
30
|
+
### Как использовать
|
|
31
|
+
|
|
32
|
+
Для начала нужно создать `<teta-tabs>` - обертку для табов и служит для их объединения, т.е.
|
|
33
|
+
среди них может быть выбран только один
|
|
34
|
+
|
|
35
|
+
Таб создается при помощи тега `<teta-tab>`
|
|
36
|
+
|
|
37
|
+
Внутрь необходимо передать контент для шапки и наполнение таба. Это делается при помощи `ng-template` с
|
|
38
|
+
директивами `<tetaTabTitle>` и `tetaTabContent`
|
|
39
|
+
|
|
40
|
+
### Пример кода
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
<teta-tabs>
|
|
44
|
+
<teta-tab>
|
|
45
|
+
<ng-template tetaTabTitle>
|
|
46
|
+
<p>1</p>
|
|
47
|
+
</ng-template>
|
|
48
|
+
<ng-template tetaTabContent>
|
|
49
|
+
<div class="padding-v-3 padding-h-2">conteeeeeeeeeeeent 1</div>
|
|
50
|
+
</ng-template>
|
|
51
|
+
</teta-tab>
|
|
52
|
+
<teta-tab>
|
|
53
|
+
<ng-template tetaTabTitle>
|
|
54
|
+
<p>2</p>
|
|
55
|
+
</ng-template>
|
|
56
|
+
<ng-template tetaTabContent>
|
|
57
|
+
<div class="padding-v-3 padding-h-2">conteeeeeent 2</div>
|
|
58
|
+
</ng-template>
|
|
59
|
+
</teta-tab>
|
|
60
|
+
</teta-tabs>
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
### Свойства
|
|
64
|
+
|
|
65
|
+
#### teta-tabs
|
|
66
|
+
|
|
67
|
+
<table>
|
|
68
|
+
<thead>
|
|
58
69
|
<tr>
|
|
59
70
|
<th>Свойство</th>
|
|
60
71
|
<th>Tип</th>
|
|
61
72
|
<th>Описание</th>
|
|
62
73
|
</tr>
|
|
63
|
-
|
|
64
|
-
|
|
74
|
+
</thead>
|
|
75
|
+
<tbody>
|
|
65
76
|
<tr>
|
|
66
|
-
<td class=
|
|
77
|
+
<td class="text-align-center">
|
|
67
78
|
<p>activeId</p>
|
|
68
79
|
</td>
|
|
69
|
-
<td class=
|
|
80
|
+
<td class="text-align-center">
|
|
70
81
|
<code>string</code>
|
|
71
82
|
</td>
|
|
72
|
-
<td class=
|
|
73
|
-
<p
|
|
83
|
+
<td class="text-align-center">
|
|
84
|
+
<p>
|
|
85
|
+
Используется для указания выбранного таба (аттрибут не обязателен, т.к. компонент сам умеет управлять своим
|
|
86
|
+
состоянием)
|
|
87
|
+
</p>
|
|
74
88
|
</td>
|
|
75
89
|
</tr>
|
|
76
90
|
<tr>
|
|
77
|
-
<td class=
|
|
91
|
+
<td class="text-align-center">
|
|
78
92
|
<p>tabChange</p>
|
|
79
93
|
</td>
|
|
80
|
-
<td class=
|
|
94
|
+
<td class="text-align-center">
|
|
81
95
|
<code>function</code>
|
|
82
96
|
</td>
|
|
83
|
-
<td class=
|
|
97
|
+
<td class="text-align-center">
|
|
84
98
|
<p>Принимает функцию, которая применяется при изменении активного таба.Отдает текущее состояния.</p>
|
|
85
99
|
</td>
|
|
86
100
|
</tr>
|
|
87
101
|
<tr>
|
|
88
|
-
<td class=
|
|
102
|
+
<td class="text-align-center">
|
|
89
103
|
<p>destroyOnHide</p>
|
|
90
104
|
</td>
|
|
91
|
-
<td class=
|
|
105
|
+
<td class="text-align-center">
|
|
92
106
|
<code>boolean</code>
|
|
93
107
|
</td>
|
|
94
|
-
<td class=
|
|
108
|
+
<td class="text-align-center">
|
|
95
109
|
<p>Свойство, отвечающее за уничтожение и пересоздание содержимого таба.</p>
|
|
96
110
|
</td>
|
|
97
111
|
</tr>
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
112
|
+
</tbody>
|
|
113
|
+
</table>
|
|
114
|
+
|
|
115
|
+
#### teta-tab
|
|
116
|
+
|
|
117
|
+
<table>
|
|
118
|
+
<thead>
|
|
103
119
|
<tr>
|
|
104
120
|
<th>Свойство</th>
|
|
105
121
|
<th>Tип</th>
|
|
106
122
|
<th>Описание</th>
|
|
107
123
|
</tr>
|
|
108
|
-
|
|
109
|
-
|
|
124
|
+
</thead>
|
|
125
|
+
<tbody>
|
|
110
126
|
<tr>
|
|
111
|
-
<td class=
|
|
127
|
+
<td class="text-align-center">
|
|
112
128
|
<p>id</p>
|
|
113
129
|
</td>
|
|
114
|
-
<td class=
|
|
130
|
+
<td class="text-align-center">
|
|
115
131
|
<code>string</code>
|
|
116
132
|
</td>
|
|
117
|
-
<td class=
|
|
133
|
+
<td class="text-align-center">
|
|
118
134
|
<p>Идентификатор,который используется при выборе активного таба</p>
|
|
119
135
|
</td>
|
|
120
136
|
</tr>
|
|
121
137
|
<tr>
|
|
122
|
-
<td class=
|
|
138
|
+
<td class="text-align-center">
|
|
123
139
|
<p>disabled</p>
|
|
124
140
|
</td>
|
|
125
|
-
<td class=
|
|
141
|
+
<td class="text-align-center">
|
|
126
142
|
<code>boolean</code>
|
|
127
143
|
</td>
|
|
128
|
-
<td class=
|
|
144
|
+
<td class="text-align-center">
|
|
129
145
|
<p>Отключает взаимодействие с табом</p>
|
|
130
146
|
</td>
|
|
131
147
|
</tr>
|
|
132
148
|
<tr>
|
|
133
|
-
<td class=
|
|
149
|
+
<td class="text-align-center">
|
|
134
150
|
<p>title</p>
|
|
135
151
|
</td>
|
|
136
|
-
<td class=
|
|
152
|
+
<td class="text-align-center">
|
|
137
153
|
<code>string</code>
|
|
138
154
|
</td>
|
|
139
|
-
<td class=
|
|
140
|
-
<p
|
|
155
|
+
<td class="text-align-center">
|
|
156
|
+
<p>
|
|
157
|
+
Замента директиве <code>tetaTabTitle</code>. Это свойство нужно использовать, если требуется вывести просто
|
|
158
|
+
текст без дополнительных модификаций.
|
|
159
|
+
</p>
|
|
141
160
|
</td>
|
|
142
161
|
</tr>
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
</div>
|
|
162
|
+
</tbody>
|
|
163
|
+
</table>
|