3.0.17 • Published 1 year ago

ember-cli-mdc-menu v3.0.17

Weekly downloads
175
License
Apache-2.0
Repository
github
Last release
1 year ago

ember-cli-mdc-menu

ember-cli addon for @material/menu.

Installation

ember install ember-cli-mdc-menu

Components and Mixins

Components

MdcMenu

Description

Add a menu component to the page.

Usage

{{#mdc-menu open=[true|false]
            anchor=["parent"|"body"]
            quickOpen=[true|false]
            position=[null|"fixed"|"absolute"]
            positionLeft=number
            positionTop=number}}

  <!-- menu items -->
            
{{/mdc-menu}}

Attributes

  • open - Trigger the surface to open; sets to false when closed.
  • anchor - Optional anchor point for the menu surface. Default is "parent", but can also be "body".
  • quickOpen - Enable quick open.
  • position - Optional position of the menu surface.
  • positionLeft - Left position of the menu (works only in absolute mode).
  • positionTop - Top position of the menu (works only in absolute mode).

Menu Items

Use the <MdcMenuList> to add items to the menu.

<MdcMenu>
    <MdcMenuList>
      <!-- example of an inline menu item -->
      <MdcMenuItem @text="Add space before paragraph" />
      
      <!-- example of a block menu item -->
      <MdcMenuItem>
          <MdcMenuItemText>Add space after paragraph</MdcMenuItemText>
      </MdcMenuItem>
    </MdcMenuList>
</MdcMenu>

Dividers

The <MdcListDivider> component is used to a divider between menu items.

<MdcMenu>
    <MdcMenuList>
        <!-- example of an inline menu item -->
        <MdcMenuItem @text="Add space before paragraph" />
        
        <MdcListDivider />
    
        <!-- example of a block menu item -->
        <MdcMenuItem>
            <MdcMenuItemText>Add space after paragraph</MdcMenuItemText>
        </MdcMenuItem>
    </MdcMenuList>
</MdcMenu>

Group Selections

The {{mdc-menu-selection-group}} block component is used to select between a group of menu items.

<MdcMenu @open={{this.open}}>
    <MdcMenuList>
        <li>
            <MdcMenuSelectionGroup>
                <MdcMenuItem>
                    <MdcMenuSelectionGroupIcon @icon={{icon1}} />
                    <MdcMenuItemText>Single</MdcMenuItemText>
                </MdcMenuItem>

                <MdcMenuItem>
                    <MdcMenuSelectionGroupIcon @icon={{icon2}} />
                    <MdcMenuItemText>1.15</MdcMenuItemText>
                </MdcMenuItem>
            </MdcMenuSelectionGroup>
        </li>
    </MdcMenuList>
</MdcMenu>
3.0.17

1 year ago

3.0.16

1 year ago

3.0.4

1 year ago

3.0.8

1 year ago

3.0.5

1 year ago

3.0.0

1 year ago

2.13.2

1 year ago

2.12.4

2 years ago

2.11.6

3 years ago

2.11.4

3 years ago

2.11.5

3 years ago

2.11.10

3 years ago

2.11.11

3 years ago

2.12.1

3 years ago

2.12.2

3 years ago

2.11.2

3 years ago

2.8.9

3 years ago

3.0.0-alpha.21

3 years ago

3.0.0-alpha.20

3 years ago

2.8.1

3 years ago

2.8.0

3 years ago

2.8.3

3 years ago

2.8.5

3 years ago

2.8.4

3 years ago

2.7.2

3 years ago

2.6.0

3 years ago

2.5.2

3 years ago

2.5.3

3 years ago

3.0.0-alpha.0

4 years ago

2.5.0

4 years ago

2.4.1

4 years ago

2.4.0

4 years ago

2.3.17

4 years ago

2.3.10

4 years ago

2.3.4

4 years ago

2.3.2

4 years ago

2.3.0

4 years ago

2.3.1

4 years ago

2.2.0

4 years ago

2.1.5

4 years ago

2.1.4

4 years ago

2.1.0

4 years ago

2.0.19

4 years ago

2.0.18

4 years ago

2.0.16

4 years ago

3.0.0-alpha.18

4 years ago

3.0.0-alpha.17

4 years ago

3.0.0-alpha.19

4 years ago

3.0.0-alpha.14

4 years ago

3.0.0-alpha.13

4 years ago

3.0.0-alpha.16

4 years ago

3.0.0-alpha.15

4 years ago

3.0.0-y.0

4 years ago

3.0.0-alpha.12

4 years ago

3.0.0-alpha.11

4 years ago

3.0.0-alpha.10

4 years ago

3.0.0-alpha.9

4 years ago

2.0.15

4 years ago

3.0.0-alpha.7

4 years ago

3.0.0-alpha.6

4 years ago

3.0.0-alpha.8

4 years ago

3.0.0-alpha.5

4 years ago

3.0.0-alpha.3

4 years ago

3.0.0-alpha.2

4 years ago

3.0.0-alpha.4

4 years ago

2.0.12

5 years ago

2.0.11

5 years ago

2.0.10

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.0

5 years ago

2.0.0-octane.49

5 years ago

2.0.0-octane.48

5 years ago

2.0.0-octane.47

5 years ago

2.0.0-octane.46

5 years ago

2.0.0-octane.45

5 years ago

2.0.0-octane.43

5 years ago

2.0.0-octane.42

5 years ago

2.0.0-octane.41

5 years ago

2.0.0-octane.40

5 years ago

2.0.0-octane.39

5 years ago

2.0.0-octane.38

5 years ago

2.0.0-octane.37

5 years ago

2.0.0-octane.36

5 years ago

2.0.0-octane.35

5 years ago

2.0.0-octane.34

5 years ago

2.0.0-octane.33

5 years ago

2.0.0-octane.32

5 years ago

2.0.0-octane.31

5 years ago

2.0.0-octane.30

5 years ago

2.0.0-octane.28

5 years ago

2.0.0-octane.27

5 years ago

2.0.0-octane.26

5 years ago

2.0.0-octane.25

5 years ago

2.0.0-octane.24

5 years ago

2.0.0-octane.23

5 years ago

2.0.0-octane.22

5 years ago

2.0.0-octane.17

5 years ago

2.0.0-octane.19

5 years ago

2.0.0-octane.18

5 years ago

2.0.0-octane.21

5 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.1

5 years ago

1.1.2

5 years ago

1.1.0

5 years ago

2.0.0-octane.16

5 years ago

2.0.0-octane.15

5 years ago

2.0.0-octane.14

5 years ago

2.0.0-octane.13

5 years ago

2.0.0-octane.12

5 years ago

2.0.0-octane.11

5 years ago

2.0.0-octane.10

5 years ago

2.0.0-octane.9

5 years ago

2.0.0-octane.8

5 years ago

2.0.0-octane.6

5 years ago

2.0.0-octane.7

5 years ago

2.0.0-octane.5

5 years ago

2.0.0-octane.4

5 years ago

1.0.2

5 years ago

2.0.0-octane.3

5 years ago

1.0.1

5 years ago

2.0.0-octane.2

5 years ago

2.0.0-octane.1

5 years ago

2.0.0-octane.0

5 years ago

1.0.0

5 years ago

1.0.0-alpha.6

6 years ago

1.0.0-alpha.4

6 years ago

1.0.0-alpha.3

6 years ago

1.0.0-alpha.1

6 years ago

1.0.0-alpha.0

6 years ago

0.80.6

6 years ago

0.80.0

6 years ago

0.79.0

6 years ago

0.78.2

6 years ago

0.78.1

6 years ago

0.78.0

6 years ago

0.77.1-alpha.4

6 years ago

0.77.1-alpha.3

6 years ago

0.77.1-alpha.2

6 years ago

0.77.1-alpha.1

6 years ago

0.77.1-alpha.0

6 years ago

0.77.0-alpha.0

6 years ago

0.76.3

6 years ago

0.76.0

6 years ago

0.75.0

6 years ago

0.74.14

6 years ago

0.74.13

6 years ago

0.74.9

6 years ago

0.74.8

6 years ago

0.74.7

6 years ago

0.74.4

6 years ago

0.74.0

6 years ago

0.73.4

6 years ago

0.73.3

6 years ago

0.73.2

6 years ago

0.73.1

6 years ago

0.73.0

6 years ago

0.72.4

6 years ago

0.72.0

6 years ago

0.71.0

6 years ago

0.70.0

7 years ago

0.69.0

7 years ago

0.68.0

7 years ago

0.67.0

7 years ago

0.66.0

7 years ago

0.65.0

7 years ago

0.64.2

7 years ago

0.64.0

7 years ago

0.63.0

7 years ago

0.62.0

7 years ago

0.61.0

7 years ago

0.60.0

7 years ago

0.59.10

7 years ago

0.59.9

7 years ago

0.59.3

7 years ago

0.59.2

7 years ago

0.59.0

7 years ago

0.58.5

7 years ago

0.58.1

7 years ago

0.58.0

7 years ago

0.57.0

7 years ago

0.56.0

7 years ago

0.55.0

7 years ago

0.53.2

7 years ago

0.53.1

7 years ago