gnui 1.1.8 → 1.2.12
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/@types/gnui.d.ts +202 -154
- package/README.md +9 -3
- package/assets/NotoSansKR-Black.otf +0 -0
- package/assets/NotoSansKR-Black.woff +0 -0
- package/assets/NotoSansKR-Black.woff2 +0 -0
- package/assets/NotoSansKR-Bold.otf +0 -0
- package/assets/NotoSansKR-Bold.woff +0 -0
- package/assets/NotoSansKR-Bold.woff2 +0 -0
- package/assets/NotoSansKR-DemiLight.otf +0 -0
- package/assets/NotoSansKR-DemiLight.woff +0 -0
- package/assets/NotoSansKR-DemiLight.woff2 +0 -0
- package/assets/NotoSansKR-Light.otf +0 -0
- package/assets/NotoSansKR-Light.woff +0 -0
- package/assets/NotoSansKR-Light.woff2 +0 -0
- package/assets/NotoSansKR-Medium.otf +0 -0
- package/assets/NotoSansKR-Medium.woff +0 -0
- package/assets/NotoSansKR-Medium.woff2 +0 -0
- package/assets/NotoSansKR-Regular.otf +0 -0
- package/assets/NotoSansKR-Regular.woff +0 -0
- package/assets/NotoSansKR-Regular.woff2 +0 -0
- package/assets/NotoSansKR-Thin.otf +0 -0
- package/assets/NotoSansKR-Thin.woff +0 -0
- package/assets/NotoSansKR-Thin.woff2 +0 -0
- package/assets/{LICENSE_OFL.txt → OFL.txt} +93 -92
- package/assets/images/flags.png +0 -0
- package/package.json +53 -37
- package/assets/NotoSansCJKkr-Black.otf +0 -0
- package/assets/NotoSansCJKkr-Bold.otf +0 -0
- package/assets/NotoSansCJKkr-DemiLight.otf +0 -0
- package/assets/NotoSansCJKkr-Light.otf +0 -0
- package/assets/NotoSansCJKkr-Medium.otf +0 -0
- package/assets/NotoSansCJKkr-Regular.otf +0 -0
- package/assets/NotoSansCJKkr-Thin.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Bold.otf +0 -0
- package/assets/NotoSansMonoCJKkr-Regular.otf +0 -0
- package/assets/README +0 -11
- package/dist/js/gnui.esm.js +0 -22174
- package/dist/js/gnui.js +0 -22473
- package/dist/js/gnui.min.js +0 -1
- package/dist/styles/default.css +0 -3
- package/dist/styles/gpi.css +0 -3
- package/dist/styles/insights.css +0 -3
- package/dist/styles/nac.css +0 -3
- package/dist/styles/zt-nac.css +0 -3
- package/styleguide/assets/components.js +0 -1280
- package/styleguide/assets/guide.js +0 -45
- package/styleguide/assets/image.png +0 -0
- package/styleguide/assets/okadia.css +0 -124
- package/styleguide/assets/theme.css +0 -506
- package/styleguide/category/COLOR/index.html +0 -158
- package/styleguide/category/COMPONENT/Alert(js)/index.html +0 -421
- package/styleguide/category/COMPONENT/Bignumber/index.html +0 -273
- package/styleguide/category/COMPONENT/Breadcrumb/index.html +0 -328
- package/styleguide/category/COMPONENT/Calendar(js)/index.html +0 -239
- package/styleguide/category/COMPONENT/Card/index.html +0 -188
- package/styleguide/category/COMPONENT/Chart(js)/index.html +0 -558
- package/styleguide/category/COMPONENT/Datagrid(js)/index.html +0 -545
- package/styleguide/category/COMPONENT/Growl(js)/index.html +0 -288
- package/styleguide/category/COMPONENT/JsonView(js)/index.html +0 -829
- package/styleguide/category/COMPONENT/Message(js)/index.html +0 -391
- package/styleguide/category/COMPONENT/Modal(js)/index.html +0 -410
- package/styleguide/category/COMPONENT/Pagination/index.html +0 -352
- package/styleguide/category/COMPONENT/Panel/index.html +0 -309
- package/styleguide/category/COMPONENT/Progressbar(js)/index.html +0 -316
- package/styleguide/category/COMPONENT/Tab(js)/index.html +0 -444
- package/styleguide/category/COMPONENT/Tagcloud(js)/index.html +0 -261
- package/styleguide/category/COMPONENT/Time(js)/index.html +0 -244
- package/styleguide/category/COMPONENT/Tooltip(js)/index.html +0 -317
- package/styleguide/category/COMPONENT/Tree(js)/index.html +0 -401
- package/styleguide/category/CONTROLS/Button(js)/index.html +0 -440
- package/styleguide/category/CONTROLS/Checkbox/index.html +0 -198
- package/styleguide/category/CONTROLS/Colorpicker(js)/index.html +0 -209
- package/styleguide/category/CONTROLS/Datepicker(js)/index.html +0 -260
- package/styleguide/category/CONTROLS/Dropdown(js)/index.html +0 -1033
- package/styleguide/category/CONTROLS/File/index.html +0 -316
- package/styleguide/category/CONTROLS/Form/Control/index.html +0 -231
- package/styleguide/category/CONTROLS/Form/Field/index.html +0 -258
- package/styleguide/category/CONTROLS/Form/Plain/index.html +0 -197
- package/styleguide/category/CONTROLS/Input/index.html +0 -334
- package/styleguide/category/CONTROLS/MenuButton(js)/index.html +0 -257
- package/styleguide/category/CONTROLS/MultiText(js)/index.html +0 -260
- package/styleguide/category/CONTROLS/Picklist(js)/index.html +0 -699
- package/styleguide/category/CONTROLS/Radio/index.html +0 -201
- package/styleguide/category/CONTROLS/Select/index.html +0 -442
- package/styleguide/category/CONTROLS/SelectButton(js)/index.html +0 -236
- package/styleguide/category/CONTROLS/Slider/index.html +0 -193
- package/styleguide/category/CONTROLS/Switch(js)/index.html +0 -333
- package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html +0 -483
- package/styleguide/category/CONTROLS/Textarea/index.html +0 -189
- package/styleguide/category/ELEMENTS/Box/index.html +0 -167
- package/styleguide/category/ELEMENTS/Icon/index.html +0 -265
- package/styleguide/category/ELEMENTS/Image/index.html +0 -213
- package/styleguide/category/ELEMENTS/List/index.html +0 -396
- package/styleguide/category/ELEMENTS/Table/index.html +0 -483
- package/styleguide/category/ELEMENTS/Tag/index.html +0 -255
- package/styleguide/category/ELEMENTS/Title/index.html +0 -186
- package/styleguide/category/LAYOUT/Container/index.html +0 -235
- package/styleguide/category/LAYOUT/Grid/index.html +0 -400
- package/styleguide/category/LAYOUT/Splitter(js)/index.html +0 -278
- package/styleguide/category/UTILITY/index.html +0 -367
- package/styleguide/category/Utils/index.html +0 -305
- package/styleguide/color.html +0 -168
- package/styleguide/index.html +0 -168
- package/styleguide/tag/javascript/index.html +0 -6224
- package/styleguide/tag/v.0.1.0/index.html +0 -10807
|
@@ -1,1033 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width">
|
|
6
|
-
<link href="../../../../dist/styles/default.css" rel="stylesheet" id="ThemeFile">
|
|
7
|
-
<link href="../../../assets/okadia.css" rel="stylesheet">
|
|
8
|
-
<link href="../../../assets/theme.css" rel="stylesheet">
|
|
9
|
-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
|
|
10
|
-
<link href="https://fonts.googleapis.com/css?family=Squada+One&display=swap" rel="stylesheet">
|
|
11
|
-
<script src="../../../assets/components.js"></script>
|
|
12
|
-
<script src="../../../../dist/js/gnui.js"></script>
|
|
13
|
-
</head>
|
|
14
|
-
<body>
|
|
15
|
-
<div class="aigis-container">
|
|
16
|
-
<header class="aigis-header gn-gcolor is-primary">
|
|
17
|
-
<span><a href="../../../index.html" class="main-link" style="font-family: 'Squada One', cursive;">GNUI</a></span>
|
|
18
|
-
<span class="has-text-invert" style="font-size: 1.0em;padding-left: 10px;">Start your next web project with GNUI.</span>
|
|
19
|
-
<div class="gn-select is-medium">
|
|
20
|
-
<select id="ThemeSelector">
|
|
21
|
-
|
|
22
|
-
<option value="default">default</option>
|
|
23
|
-
|
|
24
|
-
<option value="nac">nac</option>
|
|
25
|
-
|
|
26
|
-
<option value="insights">insights</option>
|
|
27
|
-
|
|
28
|
-
<option value="gpi">gpi</option>
|
|
29
|
-
|
|
30
|
-
<option value="zt-nac">zt-nac</option>
|
|
31
|
-
|
|
32
|
-
</select>
|
|
33
|
-
</div>
|
|
34
|
-
<div>
|
|
35
|
-
<a class="gn-button is-primary util-link" href="../../../category/Utils/index.html">
|
|
36
|
-
<span class="gn-icon is-small">
|
|
37
|
-
<i class="fas fa-tools"></i>
|
|
38
|
-
</span>
|
|
39
|
-
Gn.util
|
|
40
|
-
</a>
|
|
41
|
-
</div>
|
|
42
|
-
</header>
|
|
43
|
-
<div class="aigis-sidemenu">
|
|
44
|
-
<nav class="gn-tree is-borderless is-large left-menu">
|
|
45
|
-
</nav>
|
|
46
|
-
</div>
|
|
47
|
-
|
|
48
|
-
<script>
|
|
49
|
-
window.Gn = window.gnui;
|
|
50
|
-
|
|
51
|
-
Gn.ready(function(){
|
|
52
|
-
var leftMenu = setTree('COLOR,COMPONENT/Alert(js),COMPONENT/Bignumber,COMPONENT/Breadcrumb,COMPONENT/Calendar(js),COMPONENT/Card,COMPONENT/Chart(js),COMPONENT/Datagrid(js),COMPONENT/Growl(js),COMPONENT/JsonView(js),COMPONENT/Message(js),COMPONENT/Modal(js),COMPONENT/Pagination,COMPONENT/Panel,COMPONENT/Progressbar(js),COMPONENT/Tab(js),COMPONENT/Tagcloud(js),COMPONENT/Time(js),COMPONENT/Tooltip(js),COMPONENT/Tree(js),CONTROLS/Button(js),CONTROLS/Checkbox,CONTROLS/Colorpicker(js),CONTROLS/Datepicker(js),CONTROLS/Dropdown(js),CONTROLS/File,CONTROLS/Form/Control,CONTROLS/Form/Field,CONTROLS/Form/Plain,CONTROLS/Input,CONTROLS/MenuButton(js),CONTROLS/MultiText(js),CONTROLS/Picklist(js),CONTROLS/Radio,CONTROLS/Select,CONTROLS/SelectButton(js),CONTROLS/Slider,CONTROLS/Switch(js),CONTROLS/SyntaxInput(js),CONTROLS/Textarea,ELEMENTS/Box,ELEMENTS/Icon,ELEMENTS/Image,ELEMENTS/List,ELEMENTS/Table,ELEMENTS/Tag,ELEMENTS/Title,LAYOUT/Container,LAYOUT/Grid,LAYOUT/Splitter(js),UTILITY,Utils'.split(','));
|
|
53
|
-
var jsComps = ''.split(',');
|
|
54
|
-
delete leftMenu.Utils;
|
|
55
|
-
Gn.util.append('.left-menu', renderTree(leftMenu));
|
|
56
|
-
Gn.util.scrollIntoView(Gn.util.$('.tree-item.is-active'), 300);
|
|
57
|
-
|
|
58
|
-
function renderTree(menus){
|
|
59
|
-
var $depths = Gn.util.$('<ul></ul>');
|
|
60
|
-
Gn.util.each(menus, function (child, menu){
|
|
61
|
-
if(Gn.util.isString(child)){
|
|
62
|
-
Gn.util.append($depths, renderMenu(menu, '../../../category/'+child+'/index.html', location.href.indexOf(child+'/') > -1));
|
|
63
|
-
} else {
|
|
64
|
-
var $_depth = renderMenu(menu, '');
|
|
65
|
-
Gn.util.append($_depth, renderTree(child));
|
|
66
|
-
Gn.util.append($depths, $_depth);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
return $depths;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
function renderMenu(name, link, isActive){
|
|
73
|
-
var $_menu;
|
|
74
|
-
if (link === ''){
|
|
75
|
-
$_menu = Gn.util.$('<li>' + name + '</li>');
|
|
76
|
-
} else {
|
|
77
|
-
var menuClass = isActive ? ' is-active' :''
|
|
78
|
-
$_menu = Gn.util.$('<li><a href="' + link + '"><div class="tree-item'+menuClass+'">' + name.split('(js)').join('') + '</a></div></li>');
|
|
79
|
-
}
|
|
80
|
-
if(name.indexOf('(js)') > 0){
|
|
81
|
-
Gn.util.append(Gn.util.find('.tree-item', $_menu), Gn.util.$('<span class="gn-tag is-small is-info-light">JS</span>'));
|
|
82
|
-
}
|
|
83
|
-
return $_menu;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function setTree(categorys){
|
|
87
|
-
var menus = {};
|
|
88
|
-
|
|
89
|
-
categorys.forEach(function(category){
|
|
90
|
-
parseTree(menus, category.split('/'), category);
|
|
91
|
-
});
|
|
92
|
-
return menus;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
function parseTree(parents, child, catgry){
|
|
96
|
-
var _depth = child.shift();
|
|
97
|
-
if (parents[_depth] === undefined) {
|
|
98
|
-
parents[_depth] = {}
|
|
99
|
-
}
|
|
100
|
-
if(child.length === 1){
|
|
101
|
-
parents[_depth][child] = catgry;
|
|
102
|
-
} else if (child.length > 1) {
|
|
103
|
-
parseTree(parents[_depth], child, catgry);
|
|
104
|
-
} else {
|
|
105
|
-
parents[_depth] = catgry;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
</script>
|
|
110
|
-
|
|
111
|
-
<div class="aigis-contents">
|
|
112
|
-
<div class="aigis-contents__body">
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
<div>
|
|
116
|
-
<div class="aigis-module Dropdown">
|
|
117
|
-
<h2 class="aigis-module__heading" id="Dropdown">
|
|
118
|
-
Dropdown
|
|
119
|
-
</h2>
|
|
120
|
-
<div class="aigis-module__filepath">
|
|
121
|
-
/scss/components/dropdown.scss
|
|
122
|
-
</div>
|
|
123
|
-
<div class="aigis-tags">
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
<span class="gn-tag">v.0.1.0</span>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
<a class="js-guide"><span class="gn-tag is-info">javascript</span></a>
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
</div>
|
|
134
|
-
|
|
135
|
-
<!-- <div id="ComponentTab">
|
|
136
|
-
<ul>
|
|
137
|
-
<li><a href="#styleguide">Style</a></li>
|
|
138
|
-
<li><a href="#scriptguide">Script <span class="gn-icon"><i class="fas fa-code"></i></span></a></li>
|
|
139
|
-
</ul>
|
|
140
|
-
</div> -->
|
|
141
|
-
|
|
142
|
-
<h3 id="-">기본 사용</h3>
|
|
143
|
-
<ul>
|
|
144
|
-
<li>드롭다운은 버튼과 생김새가 거의 동일 합니다. </li>
|
|
145
|
-
<li>용도에 따라 3가지 버전으로 사용 합니다.</li>
|
|
146
|
-
</ul>
|
|
147
|
-
<div class="aigis-preview">
|
|
148
|
-
<div class="gn-dropdown">
|
|
149
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
150
|
-
<i class="fas fa-angle-down"></i>
|
|
151
|
-
</span>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="dropdown-items">
|
|
154
|
-
<ul>
|
|
155
|
-
<li class="dropdown-item">아이템 1</li>
|
|
156
|
-
<li class="dropdown-item">아이템 2</li>
|
|
157
|
-
<li class="dropdown-item">아이템 3</li>
|
|
158
|
-
</ul>
|
|
159
|
-
<ul>
|
|
160
|
-
<li class="dropdown-item">아이템 4</li>
|
|
161
|
-
<li class="dropdown-item is-active">아이템 4-1</li>
|
|
162
|
-
<li class="dropdown-item">아이템 4-2</li>
|
|
163
|
-
</ul>
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
<div class="gn-dropdown is-mono">
|
|
167
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
168
|
-
<i class="fas fa-angle-down"></i>
|
|
169
|
-
</span>
|
|
170
|
-
</div>
|
|
171
|
-
<div class="dropdown-items">
|
|
172
|
-
<ul>
|
|
173
|
-
<li class="dropdown-item">아이템 1</li>
|
|
174
|
-
<li class="dropdown-item">아이템 2</li>
|
|
175
|
-
<li class="dropdown-item">아이템 3</li>
|
|
176
|
-
</ul>
|
|
177
|
-
<ul>
|
|
178
|
-
<li class="dropdown-item">아이템 4</li>
|
|
179
|
-
<li class="dropdown-item is-active">아이템 4-1</li>
|
|
180
|
-
<li class="dropdown-item">아이템 4-2</li>
|
|
181
|
-
</ul>
|
|
182
|
-
</div>
|
|
183
|
-
</div>
|
|
184
|
-
<div class="gn-dropdown is-primary">
|
|
185
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
186
|
-
<i class="fas fa-angle-down"></i>
|
|
187
|
-
</span>
|
|
188
|
-
</div>
|
|
189
|
-
<div class="dropdown-items">
|
|
190
|
-
<ul>
|
|
191
|
-
<li class="dropdown-item">아이템 1</li>
|
|
192
|
-
<li class="dropdown-item">아이템 2</li>
|
|
193
|
-
<li class="dropdown-item">아이템 3</li>
|
|
194
|
-
</ul>
|
|
195
|
-
<ul>
|
|
196
|
-
<li class="dropdown-item">아이템 4</li>
|
|
197
|
-
<li class="dropdown-item is-active">아이템 제목이 길어집니다.4-1</li>
|
|
198
|
-
<li class="dropdown-item">아이템 4-2</li>
|
|
199
|
-
</ul>
|
|
200
|
-
</div>
|
|
201
|
-
</div></div>
|
|
202
|
-
|
|
203
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
204
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
205
|
-
선택하세요
|
|
206
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
207
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
208
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
209
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
210
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
211
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
212
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
213
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
214
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
215
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
216
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
217
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
218
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-active<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4-1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
219
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4-2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
220
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
221
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
222
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
223
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-mono<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
224
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
225
|
-
선택하세요
|
|
226
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
227
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
228
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
229
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
230
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
231
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
232
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
233
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
234
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
235
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
236
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
237
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
238
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-active<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4-1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
239
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4-2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
240
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
241
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
242
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
243
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-primary<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
244
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
245
|
-
선택하세요
|
|
246
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
247
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
248
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
249
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
250
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
251
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
252
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
253
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
254
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
255
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
256
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
257
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
258
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-active<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 제목이 길어집니다.4-1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
259
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 4-2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
260
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
261
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
262
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
263
|
-
</code></pre>
|
|
264
|
-
<h3 id="-">크기</h3>
|
|
265
|
-
<div class="aigis-preview">
|
|
266
|
-
<div class="gn-dropdown is-small">
|
|
267
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
268
|
-
<i class="fas fa-angle-down"></i>
|
|
269
|
-
</span>
|
|
270
|
-
</div>
|
|
271
|
-
<div class="dropdown-items">
|
|
272
|
-
<ul>
|
|
273
|
-
<li class="dropdown-item">아이템 1</li>
|
|
274
|
-
<li class="dropdown-item">아이템 2</li>
|
|
275
|
-
<li class="dropdown-item">아이템 3</li>
|
|
276
|
-
</ul>
|
|
277
|
-
</div>
|
|
278
|
-
</div>
|
|
279
|
-
<div class="gn-dropdown is-normal">
|
|
280
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
281
|
-
<i class="fas fa-angle-down"></i>
|
|
282
|
-
</span>
|
|
283
|
-
</div>
|
|
284
|
-
<div class="dropdown-items">
|
|
285
|
-
<ul>
|
|
286
|
-
<li class="dropdown-item">아이템 1</li>
|
|
287
|
-
<li class="dropdown-item">아이템 2</li>
|
|
288
|
-
<li class="dropdown-item">아이템 3</li>
|
|
289
|
-
</ul>
|
|
290
|
-
</div>
|
|
291
|
-
</div>
|
|
292
|
-
<div class="gn-dropdown is-medium">
|
|
293
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
294
|
-
<i class="fas fa-angle-down"></i>
|
|
295
|
-
</span>
|
|
296
|
-
</div>
|
|
297
|
-
<div class="dropdown-items">
|
|
298
|
-
<ul>
|
|
299
|
-
<li class="dropdown-item">아이템 1</li>
|
|
300
|
-
<li class="dropdown-item">아이템 2</li>
|
|
301
|
-
<li class="dropdown-item">아이템 3</li>
|
|
302
|
-
</ul>
|
|
303
|
-
</div>
|
|
304
|
-
</div>
|
|
305
|
-
<div class="gn-dropdown is-large">
|
|
306
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
307
|
-
<i class="fas fa-angle-down"></i>
|
|
308
|
-
</span>
|
|
309
|
-
</div>
|
|
310
|
-
<div class="dropdown-items">
|
|
311
|
-
<ul>
|
|
312
|
-
<li class="dropdown-item">아이템 1</li>
|
|
313
|
-
<li class="dropdown-item">아이템 2</li>
|
|
314
|
-
<li class="dropdown-item">아이템 3</li>
|
|
315
|
-
</ul>
|
|
316
|
-
</div>
|
|
317
|
-
</div>
|
|
318
|
-
<div class="gn-dropdown is-full">
|
|
319
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
320
|
-
<i class="fas fa-angle-down"></i>
|
|
321
|
-
</span>
|
|
322
|
-
</div>
|
|
323
|
-
<div class="dropdown-items">
|
|
324
|
-
<ul>
|
|
325
|
-
<li class="dropdown-item">아이템 1</li>
|
|
326
|
-
<li class="dropdown-item">아이템 2</li>
|
|
327
|
-
<li class="dropdown-item">아이템 3</li>
|
|
328
|
-
</ul>
|
|
329
|
-
</div>
|
|
330
|
-
</div></div>
|
|
331
|
-
|
|
332
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-small<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
333
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
334
|
-
선택하세요
|
|
335
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
336
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
337
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
338
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
339
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
340
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
341
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
342
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
343
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
344
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
345
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
346
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
347
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-normal<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
348
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
349
|
-
선택하세요
|
|
350
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
351
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
352
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
353
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
354
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
355
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
356
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
357
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
358
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
359
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
360
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
361
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
362
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-medium<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
363
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
364
|
-
선택하세요
|
|
365
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
366
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
367
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
368
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
369
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
370
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
371
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
372
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
373
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
374
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
375
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
376
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
377
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-large<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
378
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
379
|
-
선택하세요
|
|
380
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
381
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
382
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
383
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
384
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
385
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
386
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
387
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
388
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
389
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
390
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
391
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
392
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-full<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
393
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
394
|
-
선택하세요
|
|
395
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
396
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
397
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
398
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
399
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
400
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
401
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
402
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
403
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
404
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
405
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
406
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
407
|
-
</code></pre>
|
|
408
|
-
<h3 id="-">색상</h3>
|
|
409
|
-
<div class="aigis-preview">
|
|
410
|
-
<div class="gn-dropdown is-success">
|
|
411
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
412
|
-
<i class="fas fa-angle-down"></i>
|
|
413
|
-
</span>
|
|
414
|
-
</div>
|
|
415
|
-
<div class="dropdown-items">
|
|
416
|
-
<ul>
|
|
417
|
-
<li class="dropdown-item">아이템 1</li>
|
|
418
|
-
</ul>
|
|
419
|
-
</div>
|
|
420
|
-
</div>
|
|
421
|
-
<div class="gn-dropdown is-warning">
|
|
422
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
423
|
-
<i class="fas fa-angle-down"></i>
|
|
424
|
-
</span>
|
|
425
|
-
</div>
|
|
426
|
-
<div class="dropdown-items">
|
|
427
|
-
<ul>
|
|
428
|
-
<li class="dropdown-item">아이템 1</li>
|
|
429
|
-
</ul>
|
|
430
|
-
</div>
|
|
431
|
-
</div>
|
|
432
|
-
<div class="gn-dropdown is-danger">
|
|
433
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
434
|
-
<i class="fas fa-angle-down"></i>
|
|
435
|
-
</span>
|
|
436
|
-
</div>
|
|
437
|
-
<div class="dropdown-items">
|
|
438
|
-
<ul>
|
|
439
|
-
<li class="dropdown-item">아이템 1</li>
|
|
440
|
-
</ul>
|
|
441
|
-
</div>
|
|
442
|
-
</div>
|
|
443
|
-
<div class="gn-dropdown is-info">
|
|
444
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
445
|
-
<i class="fas fa-angle-down"></i>
|
|
446
|
-
</span>
|
|
447
|
-
</div>
|
|
448
|
-
<div class="dropdown-items">
|
|
449
|
-
<ul>
|
|
450
|
-
<li class="dropdown-item">아이템 1</li>
|
|
451
|
-
</ul>
|
|
452
|
-
</div>
|
|
453
|
-
</div></div>
|
|
454
|
-
|
|
455
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-success<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
456
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
457
|
-
선택하세요
|
|
458
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
459
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
460
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
461
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
462
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
463
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
464
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
465
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
466
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
467
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
468
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-warning<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
469
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
470
|
-
선택하세요
|
|
471
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
472
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
473
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
474
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
475
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
476
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
477
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
478
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
479
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
480
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
481
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-danger<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
482
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
483
|
-
선택하세요
|
|
484
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
485
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
486
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
487
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
488
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
489
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
490
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
491
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
492
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
493
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
494
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-info<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
495
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
496
|
-
선택하세요
|
|
497
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
498
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
499
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
500
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
501
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
502
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
503
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
504
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
505
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
506
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
507
|
-
</code></pre>
|
|
508
|
-
<h3 id="-">상태</h3>
|
|
509
|
-
<div class="aigis-preview">
|
|
510
|
-
<div class="gn-dropdown is-open">
|
|
511
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
512
|
-
<i class="fas fa-angle-down"></i>
|
|
513
|
-
</span>
|
|
514
|
-
</div>
|
|
515
|
-
<div class="dropdown-items">
|
|
516
|
-
<ul>
|
|
517
|
-
<li class="dropdown-item">아이템 1</li>
|
|
518
|
-
<li class="dropdown-item is-disabled">아이템</li>
|
|
519
|
-
</ul>
|
|
520
|
-
</div>
|
|
521
|
-
</div>
|
|
522
|
-
<div class="gn-dropdown is-disabled">
|
|
523
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
524
|
-
<i class="fas fa-angle-down"></i>
|
|
525
|
-
</span>
|
|
526
|
-
</div>
|
|
527
|
-
<div class="dropdown-items">
|
|
528
|
-
<ul>
|
|
529
|
-
<li class="dropdown-item">아이템 1</li>
|
|
530
|
-
</ul>
|
|
531
|
-
</div>
|
|
532
|
-
</div>
|
|
533
|
-
<div class="gn-dropdown is-invalid">
|
|
534
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
535
|
-
<i class="fas fa-angle-down"></i>
|
|
536
|
-
</span>
|
|
537
|
-
</div>
|
|
538
|
-
<div class="dropdown-items">
|
|
539
|
-
<ul>
|
|
540
|
-
<li class="dropdown-item">아이템 1</li>
|
|
541
|
-
</ul>
|
|
542
|
-
</div>
|
|
543
|
-
</div>
|
|
544
|
-
<div class="gn-dropdown is-loading">
|
|
545
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
546
|
-
<i class="fas fa-angle-down"></i>
|
|
547
|
-
</span>
|
|
548
|
-
</div>
|
|
549
|
-
<div class="dropdown-items">
|
|
550
|
-
<ul>
|
|
551
|
-
<li class="dropdown-item">아이템 1</li>
|
|
552
|
-
</ul>
|
|
553
|
-
</div>
|
|
554
|
-
</div></div>
|
|
555
|
-
|
|
556
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-open<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
557
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
558
|
-
선택하세요
|
|
559
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
560
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
561
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
562
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
563
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
564
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
565
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
566
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-disabled<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
567
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
568
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
569
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
570
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-disabled<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
571
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
572
|
-
선택하세요
|
|
573
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
574
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
575
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
576
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
577
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
578
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
579
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
580
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
581
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
582
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
583
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-invalid<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
584
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
585
|
-
선택하세요
|
|
586
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
587
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
588
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
589
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
590
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
591
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
592
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
593
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
594
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
595
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
596
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-loading<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
597
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
598
|
-
선택하세요
|
|
599
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
600
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
601
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
602
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
603
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
604
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
605
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>아이템 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
606
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
607
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
608
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
609
|
-
</code></pre>
|
|
610
|
-
<h3 id="-">확장</h3>
|
|
611
|
-
<div class="aigis-preview">
|
|
612
|
-
<div class="gn-dropdown is-opened">
|
|
613
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
614
|
-
<i class="fas fa-angle-down"></i>
|
|
615
|
-
</span>
|
|
616
|
-
</div>
|
|
617
|
-
<div class="dropdown-items">
|
|
618
|
-
<ul>
|
|
619
|
-
<li class="dropdown-item">
|
|
620
|
-
<span class="gn-icon is-light">
|
|
621
|
-
<i class="fas fa-check"></i>
|
|
622
|
-
</span> 항목 1
|
|
623
|
-
</li>
|
|
624
|
-
<li class="dropdown-item">
|
|
625
|
-
<span class="gn-icon is-light">
|
|
626
|
-
<i class="fas fa-check"></i>
|
|
627
|
-
</span> 항목 2
|
|
628
|
-
</li>
|
|
629
|
-
<li class="dropdown-item">
|
|
630
|
-
<span class="gn-icon is-success">
|
|
631
|
-
<i class="fas fa-check"></i>
|
|
632
|
-
</span> 항목 3
|
|
633
|
-
</li>
|
|
634
|
-
<li class="dropdown-item">
|
|
635
|
-
<span class="gn-icon is-success">
|
|
636
|
-
<i class="fas fa-check"></i>
|
|
637
|
-
</span> 항목 4
|
|
638
|
-
</li>
|
|
639
|
-
<li class="dropdown-item">
|
|
640
|
-
<span class="gn-icon is-light">
|
|
641
|
-
<i class="fas fa-check"></i>
|
|
642
|
-
</span> 항목 5
|
|
643
|
-
</li>
|
|
644
|
-
<li class="dropdown-item">
|
|
645
|
-
<span class="gn-icon is-light">
|
|
646
|
-
<i class="fas fa-check"></i>
|
|
647
|
-
</span> 항목 6
|
|
648
|
-
</li>
|
|
649
|
-
<li class="dropdown-item">
|
|
650
|
-
<span class="gn-icon is-success">
|
|
651
|
-
<i class="fas fa-check"></i>
|
|
652
|
-
</span> 항목 7
|
|
653
|
-
</li>
|
|
654
|
-
</ul>
|
|
655
|
-
</div>
|
|
656
|
-
</div>
|
|
657
|
-
<div class="gn-dropdown is-open">
|
|
658
|
-
<div class="dropdown-label"> 선택하세요 <span class="gn-icon is-small dropdown-icon">
|
|
659
|
-
<i class="fas fa-angle-down"></i>
|
|
660
|
-
</span>
|
|
661
|
-
</div>
|
|
662
|
-
<div class="dropdown-items">
|
|
663
|
-
<div class="dropdown-search">
|
|
664
|
-
<div class="gn-control has-icon-right is-full">
|
|
665
|
-
<span class="gn-icon is-right">
|
|
666
|
-
<i class="fas fa-search"></i>
|
|
667
|
-
</span>
|
|
668
|
-
<input type="text" class="gn-input is-full" placeholder="search item">
|
|
669
|
-
</div>
|
|
670
|
-
</div>
|
|
671
|
-
<ul>
|
|
672
|
-
<li class="dropdown-item">
|
|
673
|
-
<label class="gn-checkbox"><input type="checkbox">항목 1</label>
|
|
674
|
-
</li>
|
|
675
|
-
<li class="dropdown-item">
|
|
676
|
-
<label class="gn-checkbox"><input type="checkbox">항목 2</label>
|
|
677
|
-
</li>
|
|
678
|
-
<li class="dropdown-item">
|
|
679
|
-
<label class="gn-checkbox"><input type="checkbox">항목 3</label>
|
|
680
|
-
</li>
|
|
681
|
-
<li class="dropdown-item">
|
|
682
|
-
<label class="gn-checkbox"><input type="checkbox">항목 4</label>
|
|
683
|
-
</li>
|
|
684
|
-
</ul>
|
|
685
|
-
<ul>
|
|
686
|
-
<li class="dropdown-item is-unselectable"> 그냥 텍스트를 넣을 수도 있습니다. </li>
|
|
687
|
-
<li class="dropdown-item is-unselectable">
|
|
688
|
-
<p>줄바꿈 텍스트는 <code>p</code> 태그를 사용해서 넣으면 됩니다. </p>
|
|
689
|
-
</li>
|
|
690
|
-
<li class="dropdown-item is-unselectable">
|
|
691
|
-
<p><strong>강조</strong>도 할 수 있습니다. </p>
|
|
692
|
-
</li>
|
|
693
|
-
</ul>
|
|
694
|
-
</div>
|
|
695
|
-
</div></div>
|
|
696
|
-
|
|
697
|
-
<pre><code class="language-html"><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-opened<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
698
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
699
|
-
선택하세요
|
|
700
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
701
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
702
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
703
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
704
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
705
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
706
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
707
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-light<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
708
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
709
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
710
|
-
항목 1
|
|
711
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
712
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
713
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-light<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
714
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
715
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
716
|
-
항목 2
|
|
717
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
718
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
719
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-success<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
720
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
721
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
722
|
-
항목 3
|
|
723
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
724
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
725
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-success<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
726
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
727
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
728
|
-
항목 4
|
|
729
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
730
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
731
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-light<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
732
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
733
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
734
|
-
항목 5
|
|
735
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
736
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
737
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-light<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
738
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
739
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
740
|
-
항목 6
|
|
741
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
742
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
743
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-success<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
744
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-check<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
745
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
746
|
-
항목 7
|
|
747
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
748
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
749
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
750
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
751
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-dropdown is-open<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
752
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-label<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
753
|
-
선택하세요
|
|
754
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-small dropdown-icon<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
755
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-angle-down<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
756
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
757
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
758
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-items<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
759
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-search<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
760
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-control has-icon-right is-full<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
761
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>span</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-icon is-right<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
762
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>i</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>fas fa-search<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>i</span><span class="token punctuation" >></span></span>
|
|
763
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>span</span><span class="token punctuation" >></span></span>
|
|
764
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>input</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>text<span class="token punctuation" >"</span></span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-input is-full<span class="token punctuation" >"</span></span> <span class="token attr-name" >placeholder</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>search item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
765
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
766
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
767
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
768
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
769
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>label</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>input</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목 1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>label</span><span class="token punctuation" >></span></span>
|
|
770
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
771
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
772
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>label</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>input</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목 2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>label</span><span class="token punctuation" >></span></span>
|
|
773
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
774
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
775
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>label</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>input</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목 3<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>label</span><span class="token punctuation" >></span></span>
|
|
776
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
777
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
778
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>label</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>input</span> <span class="token attr-name" >type</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>checkbox<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목 4<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>label</span><span class="token punctuation" >></span></span>
|
|
779
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
780
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
781
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>ul</span><span class="token punctuation" >></span></span>
|
|
782
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-unselectable<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
783
|
-
그냥 텍스트를 넣을 수도 있습니다.
|
|
784
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
785
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-unselectable<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
786
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>p</span><span class="token punctuation" >></span></span>줄바꿈 텍스트는 <span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>code</span><span class="token punctuation" >></span></span>p<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>code</span><span class="token punctuation" >></span></span> 태그를 사용해서 넣으면 됩니다. <span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>p</span><span class="token punctuation" >></span></span>
|
|
787
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
788
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>li</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown-item is-unselectable<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
789
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>p</span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>strong</span><span class="token punctuation" >></span></span>강조<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>strong</span><span class="token punctuation" >></span></span>도 할 수 있습니다. <span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>p</span><span class="token punctuation" >></span></span>
|
|
790
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>li</span><span class="token punctuation" >></span></span>
|
|
791
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>ul</span><span class="token punctuation" >></span></span>
|
|
792
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
793
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>div</span><span class="token punctuation" >></span></span>
|
|
794
|
-
</code></pre>
|
|
795
|
-
<h3 id="-">생성 옵션</h3>
|
|
796
|
-
<div class="aigis-preview">
|
|
797
|
-
|
|
798
|
-
<select class="new-dropdown1" name="dropdown1">
|
|
799
|
-
</select>
|
|
800
|
-
|
|
801
|
-
<select class="new-dropdown3" name="dropdown3">
|
|
802
|
-
</select>
|
|
803
|
-
|
|
804
|
-
<select class="new-dropdown4" name="dropdown4">
|
|
805
|
-
</select>
|
|
806
|
-
|
|
807
|
-
<select class="new-dropdown2" name="dropdown2">
|
|
808
|
-
<option value="item1">항목1</option>
|
|
809
|
-
<option value="item2">항목2</option>
|
|
810
|
-
<option value="item3">항목3은 텍스트가 길어집니다.</option>
|
|
811
|
-
<option value="item4">항목4</option>
|
|
812
|
-
<option value="item5">항목5</option>
|
|
813
|
-
</select>
|
|
814
|
-
|
|
815
|
-
</div>
|
|
816
|
-
|
|
817
|
-
<pre><code class="language-ejs"> <span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>select</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-dropdown1<span class="token punctuation" >"</span></span> <span class="token attr-name" >name</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown1<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
818
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>select</span><span class="token punctuation" >></span></span>
|
|
819
|
-
|
|
820
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>select</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-dropdown3<span class="token punctuation" >"</span></span> <span class="token attr-name" >name</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown3<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
821
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>select</span><span class="token punctuation" >></span></span>
|
|
822
|
-
|
|
823
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>select</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-dropdown4<span class="token punctuation" >"</span></span> <span class="token attr-name" >name</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
824
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>select</span><span class="token punctuation" >></span></span>
|
|
825
|
-
|
|
826
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>select</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-dropdown2<span class="token punctuation" >"</span></span> <span class="token attr-name" >name</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>dropdown2<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
|
|
827
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>option</span> <span class="token attr-name" >value</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>item1<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목1<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>option</span><span class="token punctuation" >></span></span>
|
|
828
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>option</span> <span class="token attr-name" >value</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>item2<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목2<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>option</span><span class="token punctuation" >></span></span>
|
|
829
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>option</span> <span class="token attr-name" >value</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>item3<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목3은 텍스트가 길어집니다.<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>option</span><span class="token punctuation" >></span></span>
|
|
830
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>option</span> <span class="token attr-name" >value</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>item4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목4<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>option</span><span class="token punctuation" >></span></span>
|
|
831
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ><</span>option</span> <span class="token attr-name" >value</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>item5<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>항목5<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>option</span><span class="token punctuation" >></span></span>
|
|
832
|
-
<span class="token tag" ><span class="token tag" ><span class="token punctuation" ></</span>select</span><span class="token punctuation" >></span></span>
|
|
833
|
-
|
|
834
|
-
</code></pre>
|
|
835
|
-
<pre><code> Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'dropdown'</span><span class="token punctuation" >,</span> {
|
|
836
|
-
target<span class="token punctuation" >:</span> <span class="token string" >'.new-dropdown1'</span><span class="token punctuation" >,</span>
|
|
837
|
-
className<span class="token punctuation" >:</span> <span class="token string" >'is-top'</span><span class="token punctuation" >,</span>
|
|
838
|
-
onChange<span class="token punctuation" >:</span> <span class="token function" >function</span><span class="token punctuation" >(</span>val<span class="token punctuation" >,</span> txt<span class="token punctuation" >,</span> values<span class="token punctuation" >)</span>{
|
|
839
|
-
console<span class="token punctuation" >.</span><span class="token function" >log</span><span class="token punctuation" >(</span><span class="token string" >'선택된 값은 [ '</span> <span class="token operator" >+</span> val <span class="token operator" >+</span> <span class="token string" >' ]입니다.'</span><span class="token punctuation" >)</span>
|
|
840
|
-
}<span class="token punctuation" >,</span>
|
|
841
|
-
width<span class="token punctuation" >:</span> <span class="token string" >'150px'</span><span class="token punctuation" >,</span>
|
|
842
|
-
value<span class="token punctuation" >:</span> <span class="token string" >'item2,item5'</span><span class="token punctuation" >,</span>
|
|
843
|
-
type<span class="token punctuation" >:</span> <span class="token string" >'opened'</span><span class="token punctuation" >,</span>
|
|
844
|
-
multiple<span class="token punctuation" >:</span> <span class="token boolean" >true</span><span class="token punctuation" >,</span>
|
|
845
|
-
data<span class="token punctuation" >:</span> <span class="token punctuation" >[</span>
|
|
846
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item1'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목1'</span> }<span class="token punctuation" >,</span>
|
|
847
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item2'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목2'</span> }<span class="token punctuation" >,</span>
|
|
848
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item3'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목3'</span> }<span class="token punctuation" >,</span>
|
|
849
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item4'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목4'</span> }<span class="token punctuation" >,</span>
|
|
850
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item5'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목5'</span> }<span class="token punctuation" >,</span>
|
|
851
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item6'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목6'</span> }<span class="token punctuation" >,</span>
|
|
852
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item7'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목7'</span> }
|
|
853
|
-
<span class="token punctuation" >]</span>
|
|
854
|
-
}<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
|
|
855
|
-
Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'dropdown'</span><span class="token punctuation" >,</span> {
|
|
856
|
-
target<span class="token punctuation" >:</span> <span class="token string" >'.new-dropdown2'</span><span class="token punctuation" >,</span>
|
|
857
|
-
onChange<span class="token punctuation" >:</span> <span class="token function" >function</span><span class="token punctuation" >(</span>val<span class="token punctuation" >,</span> txt<span class="token punctuation" >)</span>{
|
|
858
|
-
console<span class="token punctuation" >.</span><span class="token function" >log</span><span class="token punctuation" >(</span><span class="token string" >'선택된 항목은 [ '</span> <span class="token operator" >+</span> txt <span class="token operator" >+</span> <span class="token string" >' ]입니다.'</span><span class="token punctuation" >)</span>
|
|
859
|
-
}<span class="token punctuation" >,</span>
|
|
860
|
-
textSets<span class="token punctuation" >:</span> {
|
|
861
|
-
selectText<span class="token punctuation" >:</span> <span class="token string" >'골라라'</span>
|
|
862
|
-
}<span class="token punctuation" >,</span>
|
|
863
|
-
value<span class="token punctuation" >:</span> <span class="token string" >'item2'</span><span class="token punctuation" >,</span>
|
|
864
|
-
hasSearch<span class="token punctuation" >:</span> <span class="token boolean" >true</span><span class="token punctuation" >,</span>
|
|
865
|
-
color<span class="token punctuation" >:</span> <span class="token string" >'danger'</span>
|
|
866
|
-
}<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
|
|
867
|
-
Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'dropdown'</span><span class="token punctuation" >,</span> {
|
|
868
|
-
target<span class="token punctuation" >:</span> <span class="token string" >'.new-dropdown3'</span><span class="token punctuation" >,</span>
|
|
869
|
-
data<span class="token punctuation" >:</span> <span class="token punctuation" >[</span>
|
|
870
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item1'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목1'</span> }<span class="token punctuation" >,</span>
|
|
871
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item2'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목2'</span> }<span class="token punctuation" >,</span>
|
|
872
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item3'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목3'</span> }<span class="token punctuation" >,</span>
|
|
873
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item4'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목4'</span> }<span class="token punctuation" >,</span>
|
|
874
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item5'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'항목5'</span><span class="token punctuation" >,</span> html<span class="token punctuation" >:</span> <span class="token string" >'<p><strong>text</strong>가 있는 항목은 선택 시 <u>text</u>로 대체됩니다.</p>'</span> }<span class="token punctuation" >,</span>
|
|
875
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item6'</span><span class="token punctuation" >,</span> html<span class="token punctuation" >:</span> <span class="token string" >'<p><strong>text</strong>가 없는 항목은 <u>선택</u>할 수 없습니다.</p>'</span> }
|
|
876
|
-
<span class="token punctuation" >]</span><span class="token punctuation" >,</span>
|
|
877
|
-
width<span class="token punctuation" >:</span> <span class="token number" >150</span><span class="token punctuation" >,</span>
|
|
878
|
-
scrollHeight<span class="token punctuation" >:</span> <span class="token number" >100</span>
|
|
879
|
-
}<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
|
|
880
|
-
Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'dropdown'</span><span class="token punctuation" >,</span> {
|
|
881
|
-
target<span class="token punctuation" >:</span> <span class="token string" >'.new-dropdown4'</span><span class="token punctuation" >,</span>
|
|
882
|
-
data<span class="token punctuation" >:</span> <span class="token punctuation" >[</span>
|
|
883
|
-
<span class="token punctuation" >[</span>
|
|
884
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item1'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'Group1-항목1'</span> }<span class="token punctuation" >,</span>
|
|
885
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item2'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'Group1-항목2'</span> }<span class="token punctuation" >,</span>
|
|
886
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item3'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'Group1-항목3'</span> }
|
|
887
|
-
<span class="token punctuation" >]</span><span class="token punctuation" >,</span><span class="token punctuation" >[</span>
|
|
888
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item4'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'Group2-항목4'</span> }<span class="token punctuation" >,</span>
|
|
889
|
-
{ value<span class="token punctuation" >:</span> <span class="token string" >'item5'</span><span class="token punctuation" >,</span> text<span class="token punctuation" >:</span> <span class="token string" >'Group2-항목5'</span> }
|
|
890
|
-
<span class="token punctuation" >]</span>
|
|
891
|
-
<span class="token punctuation" >]</span>
|
|
892
|
-
}<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
|
|
893
|
-
</code></pre><table class="gn-table is-full is-border">
|
|
894
|
-
<thead>
|
|
895
|
-
<th colspan="2">name</th>
|
|
896
|
-
<th>type</th>
|
|
897
|
-
<th>default</th>
|
|
898
|
-
<th>description</th>
|
|
899
|
-
</thead>
|
|
900
|
-
<tbody>
|
|
901
|
-
<tr>
|
|
902
|
-
<td colspan="2">target</td>
|
|
903
|
-
<td>string</td>
|
|
904
|
-
<td></td>
|
|
905
|
-
<td>dropdown을 생성할 대상의 선택자(selector)</td>
|
|
906
|
-
</tr>
|
|
907
|
-
<tr>
|
|
908
|
-
<td>textSets</td>
|
|
909
|
-
<td>selectText</td>
|
|
910
|
-
<td>string</td>
|
|
911
|
-
<td>'선택하세요'</td>
|
|
912
|
-
<td></td>
|
|
913
|
-
</tr>
|
|
914
|
-
<tr>
|
|
915
|
-
<td colspan="2">data</td>
|
|
916
|
-
<td>array[{value: string|array, text: string, html: string}]</td>
|
|
917
|
-
<td></td>
|
|
918
|
-
<td></td>
|
|
919
|
-
</tr>
|
|
920
|
-
<tr>
|
|
921
|
-
<td colspan="2">value</td>
|
|
922
|
-
<td>string</td>
|
|
923
|
-
<td></td>
|
|
924
|
-
<td>초기 선택값</td>
|
|
925
|
-
</tr>
|
|
926
|
-
<tr>
|
|
927
|
-
<td colspan="2">size</td>
|
|
928
|
-
<td>string</td>
|
|
929
|
-
<td></td>
|
|
930
|
-
<td>'small','normal','medium','large'</td>
|
|
931
|
-
</tr>
|
|
932
|
-
<tr>
|
|
933
|
-
<td colspan="2">color</td>
|
|
934
|
-
<td>string</td>
|
|
935
|
-
<td></td>
|
|
936
|
-
<td>'success','warning','danger','info','cancel','dark','link','trans','secondary','mono'</td>
|
|
937
|
-
</tr>
|
|
938
|
-
<tr>
|
|
939
|
-
<td colspan="2">type</td>
|
|
940
|
-
<td>string</td>
|
|
941
|
-
<td></td>
|
|
942
|
-
<td>'open','opened'</td>
|
|
943
|
-
</tr>
|
|
944
|
-
<tr>
|
|
945
|
-
<td colspan="2">width</td>
|
|
946
|
-
<td>string, number</td>
|
|
947
|
-
<td></td>
|
|
948
|
-
<td>넓이를 고정하는 경우 넓이값 입력</td>
|
|
949
|
-
</tr>
|
|
950
|
-
<tr>
|
|
951
|
-
<td colspan="2">scrollHeight</td>
|
|
952
|
-
<td>string, number</td>
|
|
953
|
-
<td></td>
|
|
954
|
-
<td>옵션영역의 최대 높이(스크롤 생성)</td>
|
|
955
|
-
</tr>
|
|
956
|
-
<tr>
|
|
957
|
-
<td colspan="2">hasSearch</td>
|
|
958
|
-
<td>boolean</td>
|
|
959
|
-
<td>false</td>
|
|
960
|
-
<td>항목 검색기능 사용여부</td>
|
|
961
|
-
</tr>
|
|
962
|
-
<tr>
|
|
963
|
-
<td colspan="2">multiple</td>
|
|
964
|
-
<td>boolean</td>
|
|
965
|
-
<td>false</td>
|
|
966
|
-
<td>다중선택 가능 여부</td>
|
|
967
|
-
</tr>
|
|
968
|
-
<tr>
|
|
969
|
-
<td colspan="2">disabled</td>
|
|
970
|
-
<td>boolean</td>
|
|
971
|
-
<td>false</td>
|
|
972
|
-
<td>Disable 여부</td>
|
|
973
|
-
</tr>
|
|
974
|
-
<tr>
|
|
975
|
-
<td colspan="2">onChange(value, text, values)</td>
|
|
976
|
-
<td>function</td>
|
|
977
|
-
<td></td>
|
|
978
|
-
<td>선택값 변경 시 발생 이벤트</td>
|
|
979
|
-
</tr>
|
|
980
|
-
</tbody>
|
|
981
|
-
</table>
|
|
982
|
-
|
|
983
|
-
<h3 id="-">메소드</h3>
|
|
984
|
-
<table class="gn-table is-full is-border">
|
|
985
|
-
<thead>
|
|
986
|
-
<th>name</th>
|
|
987
|
-
<th>return</th>
|
|
988
|
-
<th>description</th>
|
|
989
|
-
</thead>
|
|
990
|
-
<tbody>
|
|
991
|
-
<tr>
|
|
992
|
-
<td>setValue(value: string)</td>
|
|
993
|
-
<td>void</td>
|
|
994
|
-
<td>값을 변경한다.</td>
|
|
995
|
-
</tr>
|
|
996
|
-
<tr>
|
|
997
|
-
<td>getValue()</td>
|
|
998
|
-
<td>string</td>
|
|
999
|
-
<td>선택된 값을 반환한다.</td>
|
|
1000
|
-
</tr>
|
|
1001
|
-
<tr>
|
|
1002
|
-
<td>setData(array[{value: string|array, text: string, html: string}])</td>
|
|
1003
|
-
<td>void</td>
|
|
1004
|
-
<td>선택 항목을 변경한다.</td>
|
|
1005
|
-
</tr>
|
|
1006
|
-
<tr>
|
|
1007
|
-
<td>disable</td>
|
|
1008
|
-
<td>void</td>
|
|
1009
|
-
<td>Disabled 처리한다.</td>
|
|
1010
|
-
</tr>
|
|
1011
|
-
<tr>
|
|
1012
|
-
<td>enable</td>
|
|
1013
|
-
<td>void</td>
|
|
1014
|
-
<td>Enabled 처리한다.</td>
|
|
1015
|
-
</tr>
|
|
1016
|
-
</tbody>
|
|
1017
|
-
</table>
|
|
1018
|
-
|
|
1019
|
-
</div>
|
|
1020
|
-
</div>
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
<footer class="aigis-footer">Last update at 2023/04/04 17:59</footer>
|
|
1025
|
-
</div>
|
|
1026
|
-
</div>
|
|
1027
|
-
</div>
|
|
1028
|
-
<script src="../../../assets/guide.js"></script>
|
|
1029
|
-
</body>
|
|
1030
|
-
</html>
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|