maverick-wave 5.30.0 → 5.32.0
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/README.md +2 -2
- package/maverick-wave.min.css +2 -2
- package/package.json +8 -2
- package/src/scss/abstracts/_variables.scss +2 -0
- package/src/scss/components/_modals.scss +23 -9
- package/src/scss/components/_testimonial.scss +2 -0
- package/src/scss/layout/_home.scss +46 -0
- package/src/scss/layout/_main.scss +20 -0
- package/src/scss/layout/_parallax.scss +2 -2
- package/src/scss/main-lean.scss +8 -3
- package/.claude/settings.local.json +0 -43
- package/.claude/skills/mw-maverick-wave/SKILL.md +0 -532
- package/.claude/skills/mw-maverick-wave/examples/angular-form.md +0 -279
- package/.claude/skills/mw-maverick-wave/examples/angular-list-page.md +0 -309
- package/.claude/skills/mw-maverick-wave/examples/angular-services.md +0 -538
- package/.claude/skills/mw-maverick-wave/examples/static-landing-page.md +0 -530
- package/.claude/skills/mw-maverick-wave/references/components.md +0 -2170
- package/.claude/skills/mw-maverick-wave/references/forms.md +0 -358
- package/.claude/skills/mw-maverick-wave/references/javascript.md +0 -164
- package/.claude/skills/mw-maverick-wave/references/layout.md +0 -764
- package/.claude/skills/mw-maverick-wave/references/theming.md +0 -530
- package/.github/workflows/ci.yml +0 -41
- package/.idea/codeStyles/Project.xml +0 -59
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/maverick-wave.iml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/prettier.xml +0 -6
- package/.idea/vcs.xml +0 -6
- package/.prettierignore +0 -8
- package/.prettierrc.json +0 -7
- package/CHANGELOG.md +0 -956
- package/CLAUDE.md +0 -60
- package/gulpfile.js +0 -167
- package/index.html +0 -1730
- package/release.sh +0 -31
- package/scripts/verify.js +0 -252
- package/src/assets/favicon/apple-touch-icon.png +0 -0
- package/src/assets/favicon/favicon-96x96.png +0 -0
- package/src/assets/favicon/favicon.svg +0 -1
- package/src/assets/favicon/site.webmanifest +0 -37
- package/src/assets/favicon/web-app-manifest-192x192.png +0 -0
- package/src/assets/favicon/web-app-manifest-512x512.png +0 -0
- package/src/assets/favicon.ico +0 -0
- package/src/assets/header-logo.svg +0 -24
- package/src/assets/images/gallery-city.svg +0 -49
- package/src/assets/images/gallery-desert.svg +0 -25
- package/src/assets/images/gallery-forest.svg +0 -46
- package/src/assets/images/gallery-lake.svg +0 -26
- package/src/assets/images/gallery-mountain.svg +0 -19
- package/src/assets/images/gallery-ocean.svg +0 -26
- package/src/assets/images/gallery-oldtown.svg +0 -41
- package/src/assets/images/gallery-snow.svg +0 -39
- package/src/assets/images/photo-balloon.svg +0 -35
- package/src/assets/images/photo-forest-path.svg +0 -31
- package/src/assets/images/photo-lighthouse.svg +0 -42
- package/src/assets/images/photo-palm.svg +0 -27
- package/src/assets/images/photo-peak.svg +0 -27
- package/src/assets/images/photo-tower.svg +0 -34
- package/src/assets/images/photo-waterfall.svg +0 -32
- package/src/assets/images/slider-field.svg +0 -124
- package/src/assets/images/slider-forest.svg +0 -33
- package/src/assets/images/slider-lake.svg +0 -35
- package/src/assets/images/slider-mountains.svg +0 -29
- package/src/assets/images/slider-trees.svg +0 -41
- package/src/assets/images/story-aurora.svg +0 -36
- package/src/assets/images/story-beach.svg +0 -34
- package/src/assets/images/story-stars.svg +0 -35
- package/src/assets/images/tile-analytics.svg +0 -22
- package/src/assets/images/tile-cloud.svg +0 -19
- package/src/assets/images/tile-ecommerce.svg +0 -14
- package/src/assets/images/tile-enterprise.svg +0 -22
- package/src/assets/images/tile-marketing.svg +0 -16
- package/src/assets/media/demo-chime.wav +0 -0
- package/src/assets/media/story-sunrise.jpg +0 -0
- package/src/assets/media/story-sunrise.mp4 +0 -0
- package/src/partials/accordions-container.html +0 -179
- package/src/partials/alerts-container.html +0 -151
- package/src/partials/announcement-container.html +0 -67
- package/src/partials/avatars-container.html +0 -229
- package/src/partials/badges-container.html +0 -114
- package/src/partials/blog-posts-container.html +0 -158
- package/src/partials/breadcrumbs-container.html +0 -126
- package/src/partials/button-bar-container.html +0 -175
- package/src/partials/buttons-container.html +0 -272
- package/src/partials/calendar-container.html +0 -203
- package/src/partials/cards-container.html +0 -727
- package/src/partials/code-container.html +0 -194
- package/src/partials/colors-container.html +0 -263
- package/src/partials/coming-soon-container.html +0 -10
- package/src/partials/contact-container.html +0 -85
- package/src/partials/content-slider-container.html +0 -36
- package/src/partials/divider-container.html +0 -70
- package/src/partials/documentation-container.html +0 -204
- package/src/partials/dropdown-container.html +0 -119
- package/src/partials/empty-state-container.html +0 -79
- package/src/partials/feed-container.html +0 -506
- package/src/partials/footer-container.html +0 -113
- package/src/partials/form-container.html +0 -262
- package/src/partials/form-elements-container.html +0 -616
- package/src/partials/form-field-container.html +0 -166
- package/src/partials/gallery-container.html +0 -62
- package/src/partials/get-started-container.html +0 -423
- package/src/partials/grid-container.html +0 -191
- package/src/partials/header-container.html +0 -69
- package/src/partials/header-utilities-container.html +0 -331
- package/src/partials/highlights-container.html +0 -71
- package/src/partials/history-container.html +0 -67
- package/src/partials/home-container.html +0 -31
- package/src/partials/html-lists-container.html +0 -63
- package/src/partials/info-container.html +0 -104
- package/src/partials/input-group-container.html +0 -299
- package/src/partials/item-lists-container.html +0 -368
- package/src/partials/kanban-container.html +0 -459
- package/src/partials/kbd-container.html +0 -63
- package/src/partials/leader-row-container.html +0 -139
- package/src/partials/login-container.html +0 -65
- package/src/partials/lunch-menu-container.html +0 -341
- package/src/partials/media-container.html +0 -27
- package/src/partials/meta-info-container.html +0 -21
- package/src/partials/modals-container.html +0 -199
- package/src/partials/mosaic-container.html +0 -173
- package/src/partials/page-header-container.html +0 -78
- package/src/partials/pagination-container.html +0 -64
- package/src/partials/palette-container.html +0 -480
- package/src/partials/panels-container.html +0 -126
- package/src/partials/parallax-container.html +0 -147
- package/src/partials/portrait-gallery-container.html +0 -175
- package/src/partials/preview-container.html +0 -136
- package/src/partials/pricing-container.html +0 -523
- package/src/partials/progress-container.html +0 -230
- package/src/partials/prose-container.html +0 -43
- package/src/partials/ratings-container.html +0 -104
- package/src/partials/section-head-container.html +0 -77
- package/src/partials/segmented-container.html +0 -66
- package/src/partials/skeleton-container.html +0 -87
- package/src/partials/spinners-container.html +0 -96
- package/src/partials/stepper-container.html +0 -111
- package/src/partials/stories-container.html +0 -182
- package/src/partials/tables-container.html +0 -309
- package/src/partials/tabs-container.html +0 -290
- package/src/partials/tags-container.html +0 -242
- package/src/partials/techstack-bucket-container.html +0 -187
- package/src/partials/testimonials-container.html +0 -88
- package/src/partials/tiles-container.html +0 -247
- package/src/partials/timelines-container.html +0 -196
- package/src/partials/typography-container.html +0 -74
- package/src/partials/utilities-container.html +0 -553
|
@@ -1,368 +0,0 @@
|
|
|
1
|
-
<h3 class="mw-section-subtitle">Item Lists</h3>
|
|
2
|
-
<p class="mw-text-muted mw-text-measure">
|
|
3
|
-
Rows that are meant to be used, not just read: selectable, clickable, with a
|
|
4
|
-
sliding accent or a checkbox. For a plain bulleted list use the HTML lists
|
|
5
|
-
above.
|
|
6
|
-
</p>
|
|
7
|
-
|
|
8
|
-
<div class="mw-grid-2-lg">
|
|
9
|
-
<div>
|
|
10
|
-
<h4 class="mw-mb-3">Interactive Card List</h4>
|
|
11
|
-
<div class="mw-item-list-cards mw-mb-6">
|
|
12
|
-
<div class="mw-card mw-card-simple">Card with hover lift</div>
|
|
13
|
-
<div class="mw-card mw-card-simple">Another hoverable card</div>
|
|
14
|
-
<div class="mw-card mw-card-simple">Third interactive element</div>
|
|
15
|
-
</div>
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
<div>
|
|
19
|
-
<h4 class="mw-mb-3">Menu Style List</h4>
|
|
20
|
-
<div class="mw-item-list-menu mw-mb-6">
|
|
21
|
-
<div>🏠 Dashboard</div>
|
|
22
|
-
<div>📊 Analytics</div>
|
|
23
|
-
<div>👥 Team Management</div>
|
|
24
|
-
<div>⚙️ Settings</div>
|
|
25
|
-
<div>❓ Help & Support</div>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
<div>
|
|
30
|
-
<h4 class="mw-mb-3">Sliding Border List</h4>
|
|
31
|
-
<div class="mw-segmented mw-mb-3" data-modifier-demo="slide-list-demo">
|
|
32
|
-
<button
|
|
33
|
-
type="button"
|
|
34
|
-
class="mw-segmented-item mw-active"
|
|
35
|
-
data-modifier=""
|
|
36
|
-
>
|
|
37
|
-
Primary
|
|
38
|
-
</button>
|
|
39
|
-
<button
|
|
40
|
-
type="button"
|
|
41
|
-
class="mw-segmented-item"
|
|
42
|
-
data-modifier="mw-item-list-slide-secondary"
|
|
43
|
-
>
|
|
44
|
-
Secondary
|
|
45
|
-
</button>
|
|
46
|
-
</div>
|
|
47
|
-
<div class="mw-item-list-slide mw-mb-6" id="slide-list-demo">
|
|
48
|
-
<div>
|
|
49
|
-
<strong>Dashboard Overview</strong>
|
|
50
|
-
<p class="mw-text-sm mw-text-muted mw-mb-0">
|
|
51
|
-
Monitor your key metrics and performance indicators.
|
|
52
|
-
</p>
|
|
53
|
-
</div>
|
|
54
|
-
<div>
|
|
55
|
-
<strong>Analytics Reports</strong>
|
|
56
|
-
<p class="mw-text-sm mw-text-muted mw-mb-0">
|
|
57
|
-
Detailed insights into your data and user behavior.
|
|
58
|
-
</p>
|
|
59
|
-
</div>
|
|
60
|
-
<div>
|
|
61
|
-
<strong>Settings & Preferences</strong>
|
|
62
|
-
<p class="mw-text-sm mw-text-muted mw-mb-0">
|
|
63
|
-
Customize your experience and configure options.
|
|
64
|
-
</p>
|
|
65
|
-
</div>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
|
|
69
|
-
<div>
|
|
70
|
-
<h4 class="mw-mb-3">Compact List</h4>
|
|
71
|
-
<div class="mw-item-list-compact mw-mb-6">
|
|
72
|
-
<div>Quick Settings</div>
|
|
73
|
-
<div>Account Preferences</div>
|
|
74
|
-
<div>
|
|
75
|
-
Privacy Options
|
|
76
|
-
<div class="mw-item-list-compact">
|
|
77
|
-
<div>Data Collection</div>
|
|
78
|
-
<div>Cookie Preferences</div>
|
|
79
|
-
<div>Third-party Services</div>
|
|
80
|
-
<div>Advanced Privacy</div>
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
<div>
|
|
84
|
-
Notification Settings
|
|
85
|
-
<div class="mw-item-list-compact">
|
|
86
|
-
<div>Email Notifications</div>
|
|
87
|
-
<div>Push Notifications</div>
|
|
88
|
-
<div>SMS Alerts</div>
|
|
89
|
-
<div>Desktop Notifications</div>
|
|
90
|
-
</div>
|
|
91
|
-
</div>
|
|
92
|
-
<div>Security & Login</div>
|
|
93
|
-
</div>
|
|
94
|
-
</div>
|
|
95
|
-
</div>
|
|
96
|
-
|
|
97
|
-
<!-- New Checkbox Lists Section -->
|
|
98
|
-
<div class="mw-grid-2-lg">
|
|
99
|
-
<div>
|
|
100
|
-
<h4 class="mw-mb-3">Checkbox List</h4>
|
|
101
|
-
<div class="mw-segmented mw-mb-3" data-modifier-demo="checkbox-list-demo">
|
|
102
|
-
<button
|
|
103
|
-
type="button"
|
|
104
|
-
class="mw-segmented-item"
|
|
105
|
-
data-modifier="mw-item-list-checkbox-compact"
|
|
106
|
-
>
|
|
107
|
-
Compact
|
|
108
|
-
</button>
|
|
109
|
-
<button
|
|
110
|
-
type="button"
|
|
111
|
-
class="mw-segmented-item mw-active"
|
|
112
|
-
data-modifier=""
|
|
113
|
-
>
|
|
114
|
-
Default
|
|
115
|
-
</button>
|
|
116
|
-
<button
|
|
117
|
-
type="button"
|
|
118
|
-
class="mw-segmented-item"
|
|
119
|
-
data-modifier="mw-item-list-checkbox-large"
|
|
120
|
-
>
|
|
121
|
-
Large
|
|
122
|
-
</button>
|
|
123
|
-
</div>
|
|
124
|
-
<ul class="mw-item-list-checkbox" id="checkbox-list-demo">
|
|
125
|
-
<li>
|
|
126
|
-
<label class="mw-checkbox">
|
|
127
|
-
<input type="checkbox" />
|
|
128
|
-
<span class="mw-checkbox-box"></span>
|
|
129
|
-
<div class="mw-checkbox-content">
|
|
130
|
-
<h4 class="mw-checkbox-header">📋 Task Management</h4>
|
|
131
|
-
<p class="mw-checkbox-label">
|
|
132
|
-
Organize and track your daily tasks and projects
|
|
133
|
-
</p>
|
|
134
|
-
</div>
|
|
135
|
-
</label>
|
|
136
|
-
</li>
|
|
137
|
-
<li>
|
|
138
|
-
<label class="mw-checkbox">
|
|
139
|
-
<input type="checkbox" checked />
|
|
140
|
-
<span class="mw-checkbox-box"></span>
|
|
141
|
-
<div class="mw-checkbox-content">
|
|
142
|
-
<h4 class="mw-checkbox-header">📊 Analytics Dashboard</h4>
|
|
143
|
-
<p class="mw-checkbox-label">
|
|
144
|
-
View detailed reports and performance metrics
|
|
145
|
-
</p>
|
|
146
|
-
</div>
|
|
147
|
-
</label>
|
|
148
|
-
</li>
|
|
149
|
-
<li>
|
|
150
|
-
<label class="mw-checkbox">
|
|
151
|
-
<input type="checkbox" />
|
|
152
|
-
<span class="mw-checkbox-box"></span>
|
|
153
|
-
<div class="mw-checkbox-content">
|
|
154
|
-
<p class="mw-checkbox-label">📧 Email Notifications</p>
|
|
155
|
-
</div>
|
|
156
|
-
</label>
|
|
157
|
-
</li>
|
|
158
|
-
</ul>
|
|
159
|
-
</div>
|
|
160
|
-
|
|
161
|
-
<div>
|
|
162
|
-
<h4 class="mw-mb-3">Secondary Checkbox List</h4>
|
|
163
|
-
<ul class="mw-item-list-checkbox mw-item-list-checkbox-secondary mw-mb-6">
|
|
164
|
-
<li>
|
|
165
|
-
<label class="mw-checkbox mw-checkbox-secondary">
|
|
166
|
-
<input type="checkbox" />
|
|
167
|
-
<span class="mw-checkbox-box"></span>
|
|
168
|
-
<span class="mw-checkbox-label">Feature Request #1</span>
|
|
169
|
-
</label>
|
|
170
|
-
</li>
|
|
171
|
-
<li>
|
|
172
|
-
<label class="mw-checkbox mw-checkbox-secondary">
|
|
173
|
-
<input type="checkbox" checked />
|
|
174
|
-
<span class="mw-checkbox-box"></span>
|
|
175
|
-
<span class="mw-checkbox-label">Feature Request #2</span>
|
|
176
|
-
</label>
|
|
177
|
-
</li>
|
|
178
|
-
<li class="mw-selected">
|
|
179
|
-
<label class="mw-checkbox mw-checkbox-secondary">
|
|
180
|
-
<input type="checkbox" checked />
|
|
181
|
-
<span class="mw-checkbox-box"></span>
|
|
182
|
-
<span class="mw-checkbox-label">Feature Request #3</span>
|
|
183
|
-
</label>
|
|
184
|
-
</li>
|
|
185
|
-
<li>
|
|
186
|
-
<label class="mw-checkbox mw-checkbox-secondary">
|
|
187
|
-
<input type="checkbox" />
|
|
188
|
-
<span class="mw-checkbox-box"></span>
|
|
189
|
-
<span class="mw-checkbox-label">Feature Request #4</span>
|
|
190
|
-
</label>
|
|
191
|
-
</li>
|
|
192
|
-
</ul>
|
|
193
|
-
</div>
|
|
194
|
-
</div>
|
|
195
|
-
|
|
196
|
-
<div class="mw-grid-1 mw-mb-4">
|
|
197
|
-
<div>
|
|
198
|
-
<h4 class="mw-mb-3">Scrollable Checkbox List</h4>
|
|
199
|
-
<ul class="mw-item-list-checkbox-scroll mw-mb-4">
|
|
200
|
-
<li>
|
|
201
|
-
<label class="mw-checkbox">
|
|
202
|
-
<input type="checkbox" />
|
|
203
|
-
<span class="mw-checkbox-box"></span>
|
|
204
|
-
<span class="mw-checkbox-label">🎨 Design System Components</span>
|
|
205
|
-
</label>
|
|
206
|
-
</li>
|
|
207
|
-
<li>
|
|
208
|
-
<label class="mw-checkbox">
|
|
209
|
-
<input type="checkbox" checked />
|
|
210
|
-
<span class="mw-checkbox-box"></span>
|
|
211
|
-
<span class="mw-checkbox-label">🛠️ Development Tools</span>
|
|
212
|
-
</label>
|
|
213
|
-
</li>
|
|
214
|
-
<li class="mw-selected">
|
|
215
|
-
<label class="mw-checkbox">
|
|
216
|
-
<input type="checkbox" checked />
|
|
217
|
-
<span class="mw-checkbox-box"></span>
|
|
218
|
-
<span class="mw-checkbox-label">📱 Mobile Responsive Design</span>
|
|
219
|
-
</label>
|
|
220
|
-
</li>
|
|
221
|
-
<li>
|
|
222
|
-
<label class="mw-checkbox">
|
|
223
|
-
<input type="checkbox" />
|
|
224
|
-
<span class="mw-checkbox-box"></span>
|
|
225
|
-
<span class="mw-checkbox-label">🔐 Authentication System</span>
|
|
226
|
-
</label>
|
|
227
|
-
</li>
|
|
228
|
-
<li>
|
|
229
|
-
<label class="mw-checkbox">
|
|
230
|
-
<input type="checkbox" />
|
|
231
|
-
<span class="mw-checkbox-box"></span>
|
|
232
|
-
<span class="mw-checkbox-label">📊 Analytics Integration</span>
|
|
233
|
-
</label>
|
|
234
|
-
</li>
|
|
235
|
-
<li>
|
|
236
|
-
<label class="mw-checkbox">
|
|
237
|
-
<input type="checkbox" />
|
|
238
|
-
<span class="mw-checkbox-box"></span>
|
|
239
|
-
<span class="mw-checkbox-label">🌐 Multi-language Support</span>
|
|
240
|
-
</label>
|
|
241
|
-
</li>
|
|
242
|
-
<li>
|
|
243
|
-
<label class="mw-checkbox">
|
|
244
|
-
<input type="checkbox" />
|
|
245
|
-
<span class="mw-checkbox-box"></span>
|
|
246
|
-
<span class="mw-checkbox-label">⚡ Performance Optimization</span>
|
|
247
|
-
</label>
|
|
248
|
-
</li>
|
|
249
|
-
<li>
|
|
250
|
-
<label class="mw-checkbox">
|
|
251
|
-
<input type="checkbox" />
|
|
252
|
-
<span class="mw-checkbox-box"></span>
|
|
253
|
-
<span class="mw-checkbox-label">🔄 Real-time Updates</span>
|
|
254
|
-
</label>
|
|
255
|
-
</li>
|
|
256
|
-
<li>
|
|
257
|
-
<label class="mw-checkbox">
|
|
258
|
-
<input type="checkbox" />
|
|
259
|
-
<span class="mw-checkbox-box"></span>
|
|
260
|
-
<span class="mw-checkbox-label">🎯 A/B Testing Framework</span>
|
|
261
|
-
</label>
|
|
262
|
-
</li>
|
|
263
|
-
<li>
|
|
264
|
-
<label class="mw-checkbox">
|
|
265
|
-
<input type="checkbox" />
|
|
266
|
-
<span class="mw-checkbox-box"></span>
|
|
267
|
-
<span class="mw-checkbox-label">🚀 Deployment Pipeline</span>
|
|
268
|
-
</label>
|
|
269
|
-
</li>
|
|
270
|
-
<li>
|
|
271
|
-
<label class="mw-checkbox">
|
|
272
|
-
<input type="checkbox" />
|
|
273
|
-
<span class="mw-checkbox-box"></span>
|
|
274
|
-
<span class="mw-checkbox-label">🔍 Advanced Search Features</span>
|
|
275
|
-
</label>
|
|
276
|
-
</li>
|
|
277
|
-
<li>
|
|
278
|
-
<label class="mw-checkbox">
|
|
279
|
-
<input type="checkbox" />
|
|
280
|
-
<span class="mw-checkbox-box"></span>
|
|
281
|
-
<span class="mw-checkbox-label">💾 Data Export Tools</span>
|
|
282
|
-
</label>
|
|
283
|
-
</li>
|
|
284
|
-
<li>
|
|
285
|
-
<label class="mw-checkbox">
|
|
286
|
-
<input type="checkbox" />
|
|
287
|
-
<span class="mw-checkbox-box"></span>
|
|
288
|
-
<span class="mw-checkbox-label">🔔 Notification Center</span>
|
|
289
|
-
</label>
|
|
290
|
-
</li>
|
|
291
|
-
<li>
|
|
292
|
-
<label class="mw-checkbox">
|
|
293
|
-
<input type="checkbox" />
|
|
294
|
-
<span class="mw-checkbox-box"></span>
|
|
295
|
-
<span class="mw-checkbox-label">🏗️ Modular Architecture</span>
|
|
296
|
-
</label>
|
|
297
|
-
</li>
|
|
298
|
-
<li>
|
|
299
|
-
<label class="mw-checkbox">
|
|
300
|
-
<input type="checkbox" />
|
|
301
|
-
<span class="mw-checkbox-box"></span>
|
|
302
|
-
<span class="mw-checkbox-label">🔧 Custom Configuration</span>
|
|
303
|
-
</label>
|
|
304
|
-
</li>
|
|
305
|
-
</ul>
|
|
306
|
-
</div>
|
|
307
|
-
</div>
|
|
308
|
-
|
|
309
|
-
<div class="mw-grid-1 mw-mb-4">
|
|
310
|
-
<div>
|
|
311
|
-
<h4 class="mw-mb-3">Scrollable List</h4>
|
|
312
|
-
<p class="mw-text-muted">
|
|
313
|
-
<code>mw-item-list-scroll-sm</code>, <code>-lg</code> and
|
|
314
|
-
<code>-xl</code> change the height. Any other height is a
|
|
315
|
-
<code>style="max-height: 160px"</code> on the list.
|
|
316
|
-
</p>
|
|
317
|
-
<div class="mw-segmented mw-mb-3" data-modifier-demo="scroll-list-demo">
|
|
318
|
-
<button
|
|
319
|
-
type="button"
|
|
320
|
-
class="mw-segmented-item"
|
|
321
|
-
data-modifier="mw-item-list-scroll-sm"
|
|
322
|
-
>
|
|
323
|
-
200px
|
|
324
|
-
</button>
|
|
325
|
-
<button
|
|
326
|
-
type="button"
|
|
327
|
-
class="mw-segmented-item mw-active"
|
|
328
|
-
data-modifier=""
|
|
329
|
-
>
|
|
330
|
-
300px
|
|
331
|
-
</button>
|
|
332
|
-
<button
|
|
333
|
-
type="button"
|
|
334
|
-
class="mw-segmented-item"
|
|
335
|
-
data-modifier="mw-item-list-scroll-lg"
|
|
336
|
-
>
|
|
337
|
-
400px
|
|
338
|
-
</button>
|
|
339
|
-
<button
|
|
340
|
-
type="button"
|
|
341
|
-
class="mw-segmented-item"
|
|
342
|
-
data-modifier="mw-item-list-scroll-xl"
|
|
343
|
-
>
|
|
344
|
-
500px
|
|
345
|
-
</button>
|
|
346
|
-
</div>
|
|
347
|
-
<div class="mw-item-list-scroll mw-mb-4" id="scroll-list-demo">
|
|
348
|
-
<div>Dashboard Overview</div>
|
|
349
|
-
<div>User Management</div>
|
|
350
|
-
<div>Analytics & Reports</div>
|
|
351
|
-
<div>Settings & Configuration</div>
|
|
352
|
-
<div>Security Center</div>
|
|
353
|
-
<div>API Documentation</div>
|
|
354
|
-
<div>Billing & Subscriptions</div>
|
|
355
|
-
<div>Support & Help</div>
|
|
356
|
-
<div>Integration Options</div>
|
|
357
|
-
<div>Data Export Tools</div>
|
|
358
|
-
<div>Audit Logs</div>
|
|
359
|
-
<div>Team Collaboration</div>
|
|
360
|
-
<div>Custom Fields</div>
|
|
361
|
-
<div>Workflow Automation</div>
|
|
362
|
-
<div>Notification Center</div>
|
|
363
|
-
<div>Performance Monitoring</div>
|
|
364
|
-
<div>Backup & Recovery</div>
|
|
365
|
-
<div>Advanced Analytics</div>
|
|
366
|
-
</div>
|
|
367
|
-
</div>
|
|
368
|
-
</div>
|