<commit_before>module Material.Menu exposing
    ( anchorCorner
    , anchorMargin
    , attach
    , bottomEndCorner
    , bottomLeftCorner
    , bottomRightCorner
    , bottomStartCorner
    , Corner
    , divider
    , index
    , Item
    , li
    , Margin
    , onSelect
    , Property
    , quickOpen
    , topEndCorner
    , topLeftCorner
    , topRightCorner
    , topStartCorner
    , ul
    , view
    )

{-|
The Menu component is a spec-aligned menu component adhering to the Material
Design menu specification.


# Resources
- [Material Design guidelines: Menus](https://material.io/guidelines/components/menus.html)
- [Demo](https://aforemny.github.io/elm-mdc/#menu)


# Example

```elm
import Html exposing (text)
import Material.Button as Button
import Material.Menu as Menu
import Material.Options exposing (styled, cs, css)


styled Html.div
    [ Options.cs "mdc-menu-anchor"
    , Options.css "position" "relative"
    ]
    [ Button.view Mdc "my-button" model.mdc
          [ Menu.attach (lift << Mdc) "my-menu"
          ]
          [ text "Show"
          ]
    , Menu.view Mdc "my-menu" model.mdc []
          [ Menu.ul []
                [ Menu.li
                      [ Menu.onSelect (Select "Item 1")
                      ]
                      [ text "Item 1"
                      ]
                , Menu.li
                      [ Menu.onSelect (Select "Item 2")
                      ]
                      [ text "Item 2"
                      ]
                ]
          ]
    ]
```


# Usage
@docs Property
@docs view
@docs ul
@docs Item
@docs li<commit_msg>Fix menu example<commit_after>module Material.Menu exposing
    ( anchorCorner
    , anchorMargin
    , attach
    , bottomEndCorner
    , bottomLeftCorner
    , bottomRightCorner
    , bottomStartCorner
    , Corner
    , divider
    , index
    , Item
    , li
    , Margin
    , onSelect
    , Property
    , quickOpen
    , topEndCorner
    , topLeftCorner
    , topRightCorner
    , topStartCorner
    , ul
    , view
    )

{-|
The Menu component is a spec-aligned menu component adhering to the Material
Design menu specification.


# Resources
- [Material Design guidelines: Menus](https://material.io/guidelines/components/menus.html)
- [Demo](https://aforemny.github.io/elm-mdc/#menu)


# Example

```elm
import Html exposing (text)
import Material.Button as Button
import Material.Menu as Menu
import Material.Options exposing (styled, cs, css)


styled Html.div
    [ Options.cs "mdc-menu-anchor"
    , Options.css "position" "relative"
    ]
    [ Button.view Mdc "my-button" model.mdc
          [ Menu.attach (lift << Mdc) "my-menu"
          ]
          [ text "Show"
          ]
    , Menu.view Mdc "my-menu" model.mdc []
          ( Menu.ul []
                [ Menu.li
                      [ Menu.onSelect (Select "Item 1")
                      ]
                      [ text "Item 1"
                      ]
                , Menu.li
                      [ Menu.onSelect (Select "Item 2")
                      ]
                      [ text "Item 2"
                      ]
                ]
          )
    ]
```


# Usage
@docs Property
@docs view
@docs ul
@docs Item
@docs li
{'fraction_non_alphanumeric': 0.09878086902156924, 'fraction_numerical': 0.0025007814942169426, 'mean_word_length': 1.570281124497992, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1963492', 'n_tokens_mistral': 997, 'n_tokens_neox': 938, 'n_words': 231}