Skip to content

Commit 434535c

Browse files
author
Alexander J. Salas B
committed
Raname sidemenu to accordion
1 parent 5144781 commit 434535c

File tree

23 files changed

+566
-566
lines changed

23 files changed

+566
-566
lines changed

‎README.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -28,43 +28,43 @@ To use icons with ligatures you should include the reference for the Material Ic
2828

2929
After that you can add the following markup:
3030
```html
31-
<md-sidemenu>
32-
<md-sidemenu-group>
31+
<md-accordion>
32+
<md-accordion-group>
3333
<md-subheader class="md-no-sticky">Caption</md-subheader>
3434

35-
<md-sidemenu-content md-icon="home" md-heading="Menu 1" md-arrow="true">
36-
<md-sidemenu-button href="#">Submenu 1</md-sidemenu-button>
37-
<md-sidemenu-button href="#">Submenu 2</md-sidemenu-button>
38-
<md-sidemenu-button href="#">Submenu 3</md-sidemenu-button>
39-
</md-sidemenu-content>
40-
</md-sidemenu-group>
35+
<md-accordion-content md-icon="home" md-heading="Menu 1" md-arrow="true">
36+
<md-accordion-button href="#">Submenu 1</md-accordion-button>
37+
<md-accordion-button href="#">Submenu 2</md-accordion-button>
38+
<md-accordion-button href="#">Submenu 3</md-accordion-button>
39+
</md-accordion-content>
40+
</md-accordion-group>
4141

42-
<md-sidemenu-group>
42+
<md-accordion-group>
4343
<md-divider></md-divider>
4444

4545
<md-subheader class="md-no-sticky">Caption</md-subheader>
4646

47-
<md-sidemenu-button href="#">Menu 4</md-sidemenu-button>
48-
</md-sidemenu-group>
49-
</md-sidemenu>
47+
<md-accordion-button href="#">Menu 4</md-accordion-button>
48+
</md-accordion-group>
49+
</md-accordion>
5050
```
5151

5252
### Components
5353

54-
* `<md-sidemenu>`
54+
* `<md-accordion>`
5555
Is the main directive to hold all navigation items.
5656

57-
* `<md-sidemenu-group>`
57+
* `<md-accordion-group>`
5858
Is needed to create groups of content.
5959

60-
* `<md-sidemenu-content>`
60+
* `<md-accordion-content>`
6161
Define the collapsible navigation element and there's some attributes to setup. The following attributes are available:
6262
- `md-icon` - You can use font icons
6363
- `md-svg-icon` - To use external svg icons
6464
- `md-heading` - The title of the section
6565
- `md-arrow` - An optional boolean to show an indicator arrow
6666

67-
* `<md-sidemenu-button>`
67+
* `<md-accordion-button>`
6868
Add the buttons inside the navigation. The following attributes are available:
6969
- `href` - The href for the button
7070
- `ui-sref` - The ui-router alternative

‎demos/index.html

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -31,45 +31,45 @@ <h1 flex>Angular Material Sidemenu</h1>
3131
<div class="main-container" layout="row" flex>
3232
<md-sidenav class="main-sidenav md-sidenav-left" md-component-id="navigation-drawer" md-is-locked-open="true" layout="column">
3333
<md-content md-scroll-y flex layout="column">
34-
<md-sidemenu locked="true">
35-
<md-sidemenu-group>
34+
<md-accordion locked="true">
35+
<md-accordion-group>
3636
<md-subheader class="md-no-sticky">Caption</md-subheader>
3737

38-
<md-sidemenu-content md-icon="home" md-heading="Menu 1" md-arrow="true">
39-
<md-sidemenu-button href="#">Submenu 1</md-sidemenu-button>
40-
<md-sidemenu-button href="#">Submenu 2</md-sidemenu-button>
41-
<md-sidemenu-button href="#">Submenu 3</md-sidemenu-button>
42-
</md-sidemenu-content>
38+
<md-accordion-content md-icon="home" md-heading="Menu 1" md-arrow="true">
39+
<md-accordion-button href="#">Submenu 1</md-accordion-button>
40+
<md-accordion-button href="#">Submenu 2</md-accordion-button>
41+
<md-accordion-button href="#">Submenu 3</md-accordion-button>
42+
</md-accordion-content>
4343

44-
<md-sidemenu-content md-heading="Menu 2" md-arrow="true">
45-
<md-sidemenu-button href="#">Submenu 1</md-sidemenu-button>
46-
<md-sidemenu-button href="#">Submenu 2</md-sidemenu-button>
47-
<md-sidemenu-button href="#">Submenu 3</md-sidemenu-button>
48-
</md-sidemenu-content>
44+
<md-accordion-content md-heading="Menu 2" md-arrow="true">
45+
<md-accordion-button href="#">Submenu 1</md-accordion-button>
46+
<md-accordion-button href="#">Submenu 2</md-accordion-button>
47+
<md-accordion-button href="#">Submenu 3</md-accordion-button>
48+
</md-accordion-content>
4949

50-
<md-sidemenu-content md-heading="Menu 3" md-arrow="true">
51-
<md-sidemenu-button href="#">Submenu 1</md-sidemenu-button>
52-
<md-sidemenu-button href="#">Submenu 2</md-sidemenu-button>
53-
<md-sidemenu-button href="#">Submenu 3</md-sidemenu-button>
54-
</md-sidemenu-content>
55-
</md-sidemenu-group>
50+
<md-accordion-content md-heading="Menu 3" md-arrow="true">
51+
<md-accordion-button href="#">Submenu 1</md-accordion-button>
52+
<md-accordion-button href="#">Submenu 2</md-accordion-button>
53+
<md-accordion-button href="#">Submenu 3</md-accordion-button>
54+
</md-accordion-content>
55+
</md-accordion-group>
5656

57-
<md-sidemenu-group>
57+
<md-accordion-group>
5858
<md-divider></md-divider>
5959

6060
<md-subheader class="md-no-sticky">Caption</md-subheader>
6161

62-
<md-sidemenu-button href="#">Menu 4</md-sidemenu-button>
63-
</md-sidemenu-group>
62+
<md-accordion-button href="#">Menu 4</md-accordion-button>
63+
</md-accordion-group>
6464

65-
<md-sidemenu-group>
65+
<md-accordion-group>
6666
<md-divider></md-divider>
6767

6868
<md-subheader class="md-no-sticky">Caption</md-subheader>
69-
<md-sidemenu-button href="#">Menu 5</md-sidemenu-button>
70-
<md-sidemenu-button href="#">Menu 6</md-sidemenu-button>
71-
</md-sidemenu-group>
72-
</md-sidemenu>
69+
<md-accordion-button href="#">Menu 5</md-accordion-button>
70+
<md-accordion-button href="#">Menu 6</md-accordion-button>
71+
</md-accordion-group>
72+
</md-accordion>
7373
</md-content>
7474
</md-sidenav>
7575

‎dist/angular-material-accordion.css

Lines changed: 108 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)