Skip to content

Commit 2d1f093

Browse files
oltonolton
committed
upd docs
1 parent f8e1990 commit 2d1f093

11 files changed

Lines changed: 376 additions & 455 deletions

File tree

‎.junie/guidelines.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -262,6 +262,7 @@ const accordion = Metro.getPlugin("#myAccordion", "accordion");
262262
## API Methods
263263
264264
+ Method1(arg) - Description of what the method does.
265+
+ Method2(arg) - Description of what the method does.
265266
266267
#### Example of Method Usage
267268
```javascript

‎__html__/dropdown-button.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<button class="button dropdown-toggle">
2424
Options
2525
</button>
26-
<ul>
26+
<ul data-role="dropdown" class="d-menu">
2727
<li><a href="#">Option 1</a></li>
2828
<li><a href="#">Option 2</a></li>
2929
<li><a href="#">Option 3</a></li>

‎__html__/dropdown.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@ <h1>Dropdown test page</h1>
2727
<!-- </div>-->
2828
<!-- </div>-->
2929

30-
<div class="example d-flex flex-justify-content-end" style="margin-top: 2000px;">
30+
<div class="example d-flex flex-justify-content-end">
3131
<div class="dropdown-button">
3232
<button class="">Button</button>
33-
<ul class="d-menu" data-role="dropmenu">
33+
<ul class="d-menu" data-role="dropdown">
3434
<li><a href="#">
3535
<span class="icon mif-codepen"></span>
3636
<span class="caption">Go to Definition</span>
@@ -43,7 +43,7 @@ <h1>Dropdown test page</h1>
4343
<li><a href="#">Go to References<span class="hotkey">Alt+Shift+F12</span></a></li>
4444
<li>
4545
<a href="#" class="dropdown-toggle">Peek</a>
46-
<ul class="d-menu" data-role="dropmenu">
46+
<ul class="d-menu" data-role="dropdown">
4747
<li><a href="#"><span class="caption">Find All References</span></a></li>
4848
<li><a href="#"><span class="caption">Find All Implementations</span></a></li>
4949
<li><a href="#"><span class="caption">Show Call Hierarchy</span></a></li>

‎__html__/dropmenu.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6+
<link href="../lib/metro.css" rel="stylesheet">
7+
<link href="../lib/icons.css" rel="stylesheet">
8+
9+
<title>Test Dropdown - Metro UI :: Popular HTML, CSS and JS library</title>
10+
11+
</head>
12+
<body class="m4-cloak">
13+
<div class="container">
14+
<h1>Dropdown test page</h1>
15+
16+
<!-- <div class="example">-->
17+
<!-- <button class="button" id="dropdown_toggle_1">Drop block 1</button>-->
18+
<!-- <div id="block1" class="bg-red fg-white" data-toggle-element="#dropdown_toggle_1">-->
19+
<!-- <p class="p-10 text-center">In Metro UI you can transform any element to dropdown.</p>-->
20+
<!-- </div>-->
21+
<!-- </div>-->
22+
23+
<!-- <div class="example">-->
24+
<!-- <button class="button" id="dropdown_toggle_2">Drop block 2</button>-->
25+
<!-- <div id="block2" class="bg-green fg-white" data-toggle-element="#dropdown_toggle_2">-->
26+
<!-- <p class="p-10 text-center">In Metro UI you can transform any element to dropdown.</p>-->
27+
<!-- </div>-->
28+
<!-- </div>-->
29+
30+
<div class="example d-flex flex-justify-content-end" style="margin-top: 2000px;">
31+
<div class="dropdown-button">
32+
<button class="">Button</button>
33+
<ul class="d-menu" data-role="dropmenu">
34+
<li><a href="#">
35+
<span class="icon mif-codepen"></span>
36+
<span class="caption">Go to Definition</span>
37+
<span class="hotkey">Ctrl+F12</span>
38+
</a></li>
39+
<li><a href="#">Go to Type Definition</a></li>
40+
<li class="disabled"><a href="#">
41+
<span class="caption">Go to Type Implementation</span>
42+
<span class="hotkey">Ctrl+F12</span></a></li>
43+
<li><a href="#">Go to References<span class="hotkey">Alt+Shift+F12</span></a></li>
44+
<li>
45+
<a href="#" class="dropdown-toggle">Peek</a>
46+
<ul class="d-menu" data-role="dropmenu">
47+
<li><a href="#"><span class="caption">Find All References</span></a></li>
48+
<li><a href="#"><span class="caption">Find All Implementations</span></a></li>
49+
<li><a href="#"><span class="caption">Show Call Hierarchy</span></a></li>
50+
</ul>
51+
</li>
52+
<li class="divider"></li>
53+
<li><a href="#">Find All References</a></li>
54+
<li><a href="#">Find All Implementations</a></li>
55+
<li><a href="#">Show Call Hierarchy</a></li>
56+
</ul>
57+
</div>
58+
</div>
59+
</div>
60+
61+
<script src="../lib/metro.js"></script>
62+
<script>
63+
// $(function(){
64+
// $("#block1").dropdown();
65+
// $("#block2").dropdown();
66+
// })
67+
</script>
68+
</body>
69+
</html>

‎source/components/drop-menu/README.md‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,8 @@ The Drop Menu component provides a flexible and interactive dropdown menu system
44

55
## Dependencies
66

7-
No additional dependencies required.
7+
- Metro UI Core
8+
- DOM Library
89

910
## Usage
1011

@@ -28,7 +29,7 @@ No additional dependencies required.
2829

2930
```html
3031
<button class="button menu-toggle">Menu</button>
31-
<ul data-role-dropmenu>
32+
<ul data-role="dropmenu">
3233
<li><a href="#">Item 1</a></li>
3334
<li>
3435
<a href="#" class="menu-toggle">Submenu</a>
@@ -45,7 +46,7 @@ No additional dependencies required.
4546

4647
```html
4748
<button class="button menu-toggle">Menu</button>
48-
<ul data-role-dropmenu data-align="right">
49+
<ul data-role="dropmenu" data-align="right">
4950
<li><a href="#">Item 1</a></li>
5051
<li><a href="#">Item 2</a></li>
5152
<li><a href="#">Item 3</a></li>
@@ -56,7 +57,7 @@ No additional dependencies required.
5657

5758
```html
5859
<button class="button menu-toggle">Menu</button>
59-
<ul data-role-dropmenu data-height="200">
60+
<ul data-role="dropmenu" data-height="200">
6061
<li><a href="#">Item 1</a></li>
6162
<li><a href="#">Item 2</a></li>
6263
<li><a href="#">Item 3</a></li>
@@ -79,7 +80,7 @@ The Drop Menu component accepts the following configuration options:
7980
### Setting Parameters via Data Attributes
8081

8182
```html
82-
<ul data-role-dropmenu
83+
<ul data-role="dropmenu"
8384
data-height="300"
8485
data-align="right">
8586
<!-- Menu items -->
@@ -193,7 +194,7 @@ The component supports unlimited nesting of menus. Each submenu:
193194
Add the class `keep-open`, `stay-open`, or `ignore-document-click` to prevent a menu from closing when clicking elsewhere on the document:
194195

195196
```html
196-
<ul data-role-dropmenu class="keep-open">
197+
<ul data-role="dropmenu" class="keep-open">
197198
<!-- This menu will stay open until explicitly closed -->
198199
</ul>
199200
```

‎source/components/drop-menu/~README.md‎

Lines changed: 0 additions & 192 deletions
This file was deleted.

0 commit comments

Comments
 (0)