@ncds/ui-admin-mcp 1.6.4-alpha.2
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/bin/server.d.ts +1 -0
- package/bin/server.js +67 -0
- package/bin/server.mjs +8 -0
- package/bin/tools/getComponentHtml.d.ts +3 -0
- package/bin/tools/getComponentHtml.js +30 -0
- package/bin/tools/getComponentProps.d.ts +3 -0
- package/bin/tools/getComponentProps.js +16 -0
- package/bin/tools/listComponents.d.ts +3 -0
- package/bin/tools/listComponents.js +15 -0
- package/bin/tools/ping.d.ts +11 -0
- package/bin/tools/ping.js +30 -0
- package/bin/tools/searchComponent.d.ts +3 -0
- package/bin/tools/searchComponent.js +20 -0
- package/bin/tools/validateHtml.d.ts +10 -0
- package/bin/tools/validateHtml.js +142 -0
- package/bin/types.d.ts +28 -0
- package/bin/types.js +5 -0
- package/bin/utils/dataLoader.d.ts +11 -0
- package/bin/utils/dataLoader.js +68 -0
- package/bin/utils/logger.d.ts +18 -0
- package/bin/utils/logger.js +27 -0
- package/bin/utils/response.d.ts +23 -0
- package/bin/utils/response.js +31 -0
- package/bin/version.d.ts +1 -0
- package/bin/version.js +4 -0
- package/data/_meta.json +7 -0
- package/data/badge-group.json +81 -0
- package/data/badge.json +101 -0
- package/data/bread-crumb.json +22 -0
- package/data/breadcrumb.json +31 -0
- package/data/button-group.json +70 -0
- package/data/button.json +119 -0
- package/data/carousel-arrow.json +65 -0
- package/data/carousel-number-group.json +62 -0
- package/data/carousel.json +22 -0
- package/data/checkbox.json +31 -0
- package/data/combobox.json +117 -0
- package/data/date-picker.json +80 -0
- package/data/divider.json +66 -0
- package/data/dot.json +67 -0
- package/data/dropdown.json +84 -0
- package/data/empty-state.json +34 -0
- package/data/featured-icon.json +98 -0
- package/data/file-input.json +76 -0
- package/data/horizontal-tab.json +80 -0
- package/data/image-file-input.json +97 -0
- package/data/input.json +107 -0
- package/data/modal.json +91 -0
- package/data/notification.json +126 -0
- package/data/number-input.json +134 -0
- package/data/pagination.json +68 -0
- package/data/password-input.json +47 -0
- package/data/progress-bar.json +56 -0
- package/data/progress-circle.json +63 -0
- package/data/radio.json +31 -0
- package/data/range-date-picker-with-buttons.json +64 -0
- package/data/range-date-picker.json +58 -0
- package/data/select-dropdown.json +32 -0
- package/data/select.json +77 -0
- package/data/selectbox.json +139 -0
- package/data/slider.json +62 -0
- package/data/spinner.json +60 -0
- package/data/switch.json +71 -0
- package/data/tab.json +140 -0
- package/data/tag.json +69 -0
- package/data/textarea.json +91 -0
- package/data/toggle.json +62 -0
- package/data/tooltip.json +148 -0
- package/data/vertical-tab.json +71 -0
- package/package.json +35 -0
- package/templates/.mcp.json.example +8 -0
- package/templates/README.md +31 -0
package/data/slider.json
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "slider",
|
|
3
|
+
"description": "NCDS Slider 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"disabled": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false,
|
|
13
|
+
"default": false
|
|
14
|
+
},
|
|
15
|
+
"labelPosition": {
|
|
16
|
+
"type": "enum",
|
|
17
|
+
"required": false,
|
|
18
|
+
"values": [
|
|
19
|
+
"bottom",
|
|
20
|
+
"top-floating"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"max": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"required": false,
|
|
26
|
+
"default": 100
|
|
27
|
+
},
|
|
28
|
+
"min": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"required": false,
|
|
31
|
+
"default": 0
|
|
32
|
+
},
|
|
33
|
+
"onChange": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"required": false
|
|
36
|
+
},
|
|
37
|
+
"step": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"required": false,
|
|
40
|
+
"default": 1
|
|
41
|
+
},
|
|
42
|
+
"value": {
|
|
43
|
+
"type": "string",
|
|
44
|
+
"required": false,
|
|
45
|
+
"default": 0
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"html": {
|
|
49
|
+
"default": "<div class=\"ncua-slider \"></div>"
|
|
50
|
+
},
|
|
51
|
+
"bemClasses": [
|
|
52
|
+
"ncua-slider"
|
|
53
|
+
],
|
|
54
|
+
"usage": {
|
|
55
|
+
"import": "import { Slider } from '@ncds/ui-admin';",
|
|
56
|
+
"react": {
|
|
57
|
+
"default": "<Slider />",
|
|
58
|
+
"labelPosition:bottom": "<Slider labelPosition=\"bottom\" />",
|
|
59
|
+
"labelPosition:top-floating": "<Slider labelPosition=\"top-floating\" />"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "spinner",
|
|
3
|
+
"description": "NCDS Spinner 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"as": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false,
|
|
9
|
+
"default": "p"
|
|
10
|
+
},
|
|
11
|
+
"backdrop": {
|
|
12
|
+
"type": "string",
|
|
13
|
+
"required": false,
|
|
14
|
+
"default": false
|
|
15
|
+
},
|
|
16
|
+
"children": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"required": false
|
|
19
|
+
},
|
|
20
|
+
"size": {
|
|
21
|
+
"type": "enum",
|
|
22
|
+
"required": false,
|
|
23
|
+
"values": [
|
|
24
|
+
"lg",
|
|
25
|
+
"md",
|
|
26
|
+
"sm",
|
|
27
|
+
"xl",
|
|
28
|
+
"xs"
|
|
29
|
+
],
|
|
30
|
+
"default": "md"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"html": {
|
|
34
|
+
"default": "<div class=\"ncua-spinner ncua-spinner--md\"><div class=\"ncua-spinner__content\"></div></div>",
|
|
35
|
+
"size:sm": "<div class=\"ncua-spinner ncua-spinner--sm\"><div class=\"ncua-spinner__content\"></div></div>",
|
|
36
|
+
"size:lg": "<div class=\"ncua-spinner ncua-spinner--lg\"><div class=\"ncua-spinner__content\"></div></div>"
|
|
37
|
+
},
|
|
38
|
+
"bemClasses": [
|
|
39
|
+
"ncua-spinner",
|
|
40
|
+
"ncua-spinner--backdrop",
|
|
41
|
+
"ncua-spinner--lg",
|
|
42
|
+
"ncua-spinner--md",
|
|
43
|
+
"ncua-spinner--sm",
|
|
44
|
+
"ncua-spinner--xl",
|
|
45
|
+
"ncua-spinner--xs",
|
|
46
|
+
"ncua-spinner__content",
|
|
47
|
+
"ncua-spinner__text"
|
|
48
|
+
],
|
|
49
|
+
"usage": {
|
|
50
|
+
"import": "import { Spinner } from '@ncds/ui-admin';",
|
|
51
|
+
"react": {
|
|
52
|
+
"default": "<Spinner />",
|
|
53
|
+
"size:lg": "<Spinner size=\"lg\" />",
|
|
54
|
+
"size:md": "<Spinner size=\"md\" />",
|
|
55
|
+
"size:sm": "<Spinner size=\"sm\" />",
|
|
56
|
+
"size:xl": "<Spinner size=\"xl\" />",
|
|
57
|
+
"size:xs": "<Spinner size=\"xs\" />"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
package/data/switch.json
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "switch",
|
|
3
|
+
"description": "NCDS Switch 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"defaultValue": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false,
|
|
13
|
+
"default": "left.value"
|
|
14
|
+
},
|
|
15
|
+
"disabled": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"required": false,
|
|
18
|
+
"default": false
|
|
19
|
+
},
|
|
20
|
+
"left": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"required": true
|
|
23
|
+
},
|
|
24
|
+
"name": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"required": true
|
|
27
|
+
},
|
|
28
|
+
"onChange": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"required": false
|
|
31
|
+
},
|
|
32
|
+
"refs": {
|
|
33
|
+
"type": "string",
|
|
34
|
+
"required": false
|
|
35
|
+
},
|
|
36
|
+
"right": {
|
|
37
|
+
"type": "string",
|
|
38
|
+
"required": true
|
|
39
|
+
},
|
|
40
|
+
"size": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"required": false,
|
|
43
|
+
"default": "xs"
|
|
44
|
+
},
|
|
45
|
+
"value": {
|
|
46
|
+
"type": "string",
|
|
47
|
+
"required": false
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"html": {
|
|
51
|
+
"default": "<label class=\"ncua-switch\"></label>"
|
|
52
|
+
},
|
|
53
|
+
"bemClasses": [
|
|
54
|
+
"ncua-switch",
|
|
55
|
+
"ncua-switch--disabled",
|
|
56
|
+
"ncua-switch__label",
|
|
57
|
+
"ncua-switch__option",
|
|
58
|
+
"ncua-switch__option--active",
|
|
59
|
+
"ncua-switch__option--inactive",
|
|
60
|
+
"ncua-switch__option--left",
|
|
61
|
+
"ncua-switch__option--right",
|
|
62
|
+
"ncua-switch__radio ncua-switch__radio--left",
|
|
63
|
+
"ncua-switch__radio ncua-switch__radio--right"
|
|
64
|
+
],
|
|
65
|
+
"usage": {
|
|
66
|
+
"import": "import { Switch } from '@ncds/ui-admin';",
|
|
67
|
+
"react": {
|
|
68
|
+
"default": "<Switch left=\"\" name=\"\" right=\"\" />"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
package/data/tab.json
ADDED
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "tab",
|
|
3
|
+
"description": "NCDS Tab 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"activeTab": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"badgeInfo": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false
|
|
13
|
+
},
|
|
14
|
+
"breakPoint": {
|
|
15
|
+
"type": "enum",
|
|
16
|
+
"required": false,
|
|
17
|
+
"values": [
|
|
18
|
+
"mobile",
|
|
19
|
+
"pc"
|
|
20
|
+
],
|
|
21
|
+
"default": "pc"
|
|
22
|
+
},
|
|
23
|
+
"children": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"required": false
|
|
26
|
+
},
|
|
27
|
+
"className": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"required": false
|
|
30
|
+
},
|
|
31
|
+
"fullWidth": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"required": false,
|
|
34
|
+
"default": false
|
|
35
|
+
},
|
|
36
|
+
"id": {
|
|
37
|
+
"type": "string",
|
|
38
|
+
"required": false
|
|
39
|
+
},
|
|
40
|
+
"isActive": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"required": false,
|
|
43
|
+
"default": false
|
|
44
|
+
},
|
|
45
|
+
"label": {
|
|
46
|
+
"type": "string",
|
|
47
|
+
"required": false
|
|
48
|
+
},
|
|
49
|
+
"menus": {
|
|
50
|
+
"type": "string",
|
|
51
|
+
"required": false,
|
|
52
|
+
"default": "[]"
|
|
53
|
+
},
|
|
54
|
+
"onClick": {
|
|
55
|
+
"type": "string",
|
|
56
|
+
"required": false
|
|
57
|
+
},
|
|
58
|
+
"onClose": {
|
|
59
|
+
"type": "string",
|
|
60
|
+
"required": false
|
|
61
|
+
},
|
|
62
|
+
"onSelect": {
|
|
63
|
+
"type": "string",
|
|
64
|
+
"required": false
|
|
65
|
+
},
|
|
66
|
+
"size": {
|
|
67
|
+
"type": "enum",
|
|
68
|
+
"required": false,
|
|
69
|
+
"values": [
|
|
70
|
+
"lg",
|
|
71
|
+
"md",
|
|
72
|
+
"sm"
|
|
73
|
+
],
|
|
74
|
+
"default": "sm"
|
|
75
|
+
},
|
|
76
|
+
"tabButtonType": {
|
|
77
|
+
"type": "enum",
|
|
78
|
+
"required": false,
|
|
79
|
+
"values": [
|
|
80
|
+
"button-primary",
|
|
81
|
+
"button-white",
|
|
82
|
+
"line-vertical",
|
|
83
|
+
"underline",
|
|
84
|
+
"underline-fill"
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
"type": {
|
|
88
|
+
"type": "enum",
|
|
89
|
+
"required": false,
|
|
90
|
+
"values": [
|
|
91
|
+
"button-primary",
|
|
92
|
+
"button-white",
|
|
93
|
+
"underline",
|
|
94
|
+
"underline-fill"
|
|
95
|
+
],
|
|
96
|
+
"default": "button-primary"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
"html": {
|
|
100
|
+
"default": ""
|
|
101
|
+
},
|
|
102
|
+
"bemClasses": [
|
|
103
|
+
"ncua-horizontal-tab",
|
|
104
|
+
"ncua-horizontal-tab--button-primary",
|
|
105
|
+
"ncua-horizontal-tab--button-white",
|
|
106
|
+
"ncua-horizontal-tab--fullWidth",
|
|
107
|
+
"ncua-horizontal-tab--lg",
|
|
108
|
+
"ncua-horizontal-tab--line-vertical",
|
|
109
|
+
"ncua-horizontal-tab--md",
|
|
110
|
+
"ncua-horizontal-tab--mobile",
|
|
111
|
+
"ncua-horizontal-tab--pc",
|
|
112
|
+
"ncua-horizontal-tab--sm",
|
|
113
|
+
"ncua-horizontal-tab--underline",
|
|
114
|
+
"ncua-horizontal-tab--underline-fill",
|
|
115
|
+
"ncua-horizontal-tab__item",
|
|
116
|
+
"ncua-tab-button",
|
|
117
|
+
"ncua-tab-close",
|
|
118
|
+
"ncua-vertical-tab"
|
|
119
|
+
],
|
|
120
|
+
"usage": {
|
|
121
|
+
"import": "import { Tab } from '@ncds/ui-admin';",
|
|
122
|
+
"react": {
|
|
123
|
+
"default": "<Tab />",
|
|
124
|
+
"breakPoint:mobile": "<Tab breakPoint=\"mobile\" />",
|
|
125
|
+
"breakPoint:pc": "<Tab breakPoint=\"pc\" />",
|
|
126
|
+
"size:lg": "<Tab size=\"lg\" />",
|
|
127
|
+
"size:md": "<Tab size=\"md\" />",
|
|
128
|
+
"size:sm": "<Tab size=\"sm\" />",
|
|
129
|
+
"tabButtonType:button-primary": "<Tab tabButtonType=\"button-primary\" />",
|
|
130
|
+
"tabButtonType:button-white": "<Tab tabButtonType=\"button-white\" />",
|
|
131
|
+
"tabButtonType:line-vertical": "<Tab tabButtonType=\"line-vertical\" />",
|
|
132
|
+
"tabButtonType:underline": "<Tab tabButtonType=\"underline\" />",
|
|
133
|
+
"tabButtonType:underline-fill": "<Tab tabButtonType=\"underline-fill\" />",
|
|
134
|
+
"type:button-primary": "<Tab type=\"button-primary\" />",
|
|
135
|
+
"type:button-white": "<Tab type=\"button-white\" />",
|
|
136
|
+
"type:underline": "<Tab type=\"underline\" />",
|
|
137
|
+
"type:underline-fill": "<Tab type=\"underline-fill\" />"
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
package/data/tag.json
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "tag",
|
|
3
|
+
"description": "NCDS Tag 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"children": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"close": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false
|
|
13
|
+
},
|
|
14
|
+
"count": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"required": false
|
|
17
|
+
},
|
|
18
|
+
"icon": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"required": false
|
|
21
|
+
},
|
|
22
|
+
"maxLength": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"required": false,
|
|
25
|
+
"default": 20
|
|
26
|
+
},
|
|
27
|
+
"onButtonClick": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"required": false
|
|
30
|
+
},
|
|
31
|
+
"size": {
|
|
32
|
+
"type": "enum",
|
|
33
|
+
"required": false,
|
|
34
|
+
"values": [
|
|
35
|
+
"md",
|
|
36
|
+
"sm"
|
|
37
|
+
],
|
|
38
|
+
"default": "sm"
|
|
39
|
+
},
|
|
40
|
+
"text": {
|
|
41
|
+
"type": "string",
|
|
42
|
+
"required": true
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
"html": {
|
|
46
|
+
"default": "<span class=\"ncua-tag\"></span>",
|
|
47
|
+
"size:md": "<span class=\"ncua-tag ncua-tag--md\"></span>",
|
|
48
|
+
"size:sm": "<span class=\"ncua-tag ncua-tag--sm\"></span>"
|
|
49
|
+
},
|
|
50
|
+
"bemClasses": [
|
|
51
|
+
"ncua-tag",
|
|
52
|
+
"ncua-tag--md",
|
|
53
|
+
"ncua-tag--sm",
|
|
54
|
+
"ncua-tag--truncated",
|
|
55
|
+
"ncua-tag__close",
|
|
56
|
+
"ncua-tag__count",
|
|
57
|
+
"ncua-tag__text",
|
|
58
|
+
"ncua-tag__tooltip",
|
|
59
|
+
"ncua-tag__tooltip-content"
|
|
60
|
+
],
|
|
61
|
+
"usage": {
|
|
62
|
+
"import": "import { Tag } from '@ncds/ui-admin';",
|
|
63
|
+
"react": {
|
|
64
|
+
"default": "<Tag text=\"\" />",
|
|
65
|
+
"size:md": "<Tag size=\"md\" text=\"\" />",
|
|
66
|
+
"size:sm": "<Tag size=\"sm\" text=\"\" />"
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "textarea",
|
|
3
|
+
"description": "NCDS Textarea 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"characterCount": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"className": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false
|
|
13
|
+
},
|
|
14
|
+
"destructive": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"required": false
|
|
17
|
+
},
|
|
18
|
+
"disabled": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"required": false
|
|
21
|
+
},
|
|
22
|
+
"hintText": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"required": false
|
|
25
|
+
},
|
|
26
|
+
"label": {
|
|
27
|
+
"type": "string",
|
|
28
|
+
"required": false
|
|
29
|
+
},
|
|
30
|
+
"required": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"required": false
|
|
33
|
+
},
|
|
34
|
+
"size": {
|
|
35
|
+
"type": "enum",
|
|
36
|
+
"required": false,
|
|
37
|
+
"values": [
|
|
38
|
+
"sm",
|
|
39
|
+
"xs"
|
|
40
|
+
],
|
|
41
|
+
"default": "xs"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"html": {
|
|
45
|
+
"default": "<div class=\"ncua-input\"></div>",
|
|
46
|
+
"size:sm": "<div class=\"ncua-input ncua-input--sm\"></div>",
|
|
47
|
+
"size:xs": "<div class=\"ncua-input ncua-input--xs\"></div>"
|
|
48
|
+
},
|
|
49
|
+
"bemClasses": [
|
|
50
|
+
"ncua-input",
|
|
51
|
+
"ncua-input--sm",
|
|
52
|
+
"ncua-input--textarea",
|
|
53
|
+
"ncua-input--xs",
|
|
54
|
+
"ncua-input__",
|
|
55
|
+
"ncua-input__button",
|
|
56
|
+
"ncua-input__clear",
|
|
57
|
+
"ncua-input__clear-icon",
|
|
58
|
+
"ncua-input__content",
|
|
59
|
+
"ncua-input__content-wrap",
|
|
60
|
+
"ncua-input__destructive-icon",
|
|
61
|
+
"ncua-input__field",
|
|
62
|
+
"ncua-input__field-text-count",
|
|
63
|
+
"ncua-input__field-text-count-current",
|
|
64
|
+
"ncua-input__help-icon",
|
|
65
|
+
"ncua-input__hint-text",
|
|
66
|
+
"ncua-input__icon-wrap",
|
|
67
|
+
"ncua-input__icon-wrap ncua-input__right-icon",
|
|
68
|
+
"ncua-input__label",
|
|
69
|
+
"ncua-input__leading-text",
|
|
70
|
+
"ncua-input__leading-text-wrap",
|
|
71
|
+
"ncua-input__number",
|
|
72
|
+
"ncua-input__password-icon",
|
|
73
|
+
"ncua-input__right-icon",
|
|
74
|
+
"ncua-input__stepper-button-group",
|
|
75
|
+
"ncua-input__text-count",
|
|
76
|
+
"ncua-input__text-count-text",
|
|
77
|
+
"ncua-input__text-count-text-count",
|
|
78
|
+
"ncua-input__text-count-wrap",
|
|
79
|
+
"ncua-input__textarea",
|
|
80
|
+
"ncua-input__trailing-button",
|
|
81
|
+
"ncua-input__validation-icon"
|
|
82
|
+
],
|
|
83
|
+
"usage": {
|
|
84
|
+
"import": "import { Textarea } from '@ncds/ui-admin';",
|
|
85
|
+
"react": {
|
|
86
|
+
"default": "<Textarea />",
|
|
87
|
+
"size:sm": "<Textarea size=\"sm\" />",
|
|
88
|
+
"size:xs": "<Textarea size=\"xs\" />"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
package/data/toggle.json
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "toggle",
|
|
3
|
+
"description": "NCDS Toggle 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"disabled": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false,
|
|
13
|
+
"default": false
|
|
14
|
+
},
|
|
15
|
+
"onChange": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"required": false
|
|
18
|
+
},
|
|
19
|
+
"size": {
|
|
20
|
+
"type": "enum",
|
|
21
|
+
"required": false,
|
|
22
|
+
"values": [
|
|
23
|
+
"md",
|
|
24
|
+
"sm"
|
|
25
|
+
],
|
|
26
|
+
"default": "md"
|
|
27
|
+
},
|
|
28
|
+
"supportText": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"required": false,
|
|
31
|
+
"default": ""
|
|
32
|
+
},
|
|
33
|
+
"text": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"required": false,
|
|
36
|
+
"default": ""
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"html": {
|
|
40
|
+
"default": "<label class=\"ncua-toggle ncua-toggle--md\"><input type=\"checkbox\" class=\"ncua-toggle__input\"/><span class=\"ncua-toggle__switch\"><span class=\"ncua-toggle__slider\"></span></span></label>"
|
|
41
|
+
},
|
|
42
|
+
"bemClasses": [
|
|
43
|
+
"ncua-toggle",
|
|
44
|
+
"ncua-toggle--disabled",
|
|
45
|
+
"ncua-toggle--md",
|
|
46
|
+
"ncua-toggle--sm",
|
|
47
|
+
"ncua-toggle__input",
|
|
48
|
+
"ncua-toggle__slider",
|
|
49
|
+
"ncua-toggle__support-text",
|
|
50
|
+
"ncua-toggle__switch",
|
|
51
|
+
"ncua-toggle__text",
|
|
52
|
+
"ncua-toggle__text-wrapper"
|
|
53
|
+
],
|
|
54
|
+
"usage": {
|
|
55
|
+
"import": "import { Toggle } from '@ncds/ui-admin';",
|
|
56
|
+
"react": {
|
|
57
|
+
"default": "<Toggle />",
|
|
58
|
+
"size:md": "<Toggle size=\"md\" />",
|
|
59
|
+
"size:sm": "<Toggle size=\"sm\" />"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}
|