{"id":13497389,"url":"https://github.com/xandor-io/angular-material-sidemenu","last_synced_at":"2025-03-28T21:32:29.524Z","repository":{"id":41819672,"uuid":"39264949","full_name":"xandor-io/angular-material-sidemenu","owner":"xandor-io","description":"A small component to make sidenav menus using Angular Material","archived":false,"fork":false,"pushed_at":"2023-12-15T05:07:54.000Z","size":3058,"stargazers_count":63,"open_issues_count":22,"forks_count":50,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-05-22T06:05:41.376Z","etag":null,"topics":["angular","angular-material","navigation","ui-router"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xandor-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-07-17T16:51:07.000Z","updated_at":"2024-02-05T14:29:09.000Z","dependencies_parsed_at":"2024-01-14T11:07:28.265Z","dependency_job_id":"ed6a260f-c344-4f46-bf09-8e744e82a045","html_url":"https://github.com/xandor-io/angular-material-sidemenu","commit_stats":{"total_commits":75,"total_committers":9,"mean_commits":8.333333333333334,"dds":0.6266666666666667,"last_synced_commit":"f2e77071bffb6cc3835b5246c2347a99d519ca10"},"previous_names":["marcosmoura/angular-material-sidemenu","xandorxicay/angular-material-sidemenu"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandor-io%2Fangular-material-sidemenu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandor-io%2Fangular-material-sidemenu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandor-io%2Fangular-material-sidemenu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xandor-io%2Fangular-material-sidemenu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xandor-io","download_url":"https://codeload.github.com/xandor-io/angular-material-sidemenu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221829669,"owners_count":16887657,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-material","navigation","ui-router"],"created_at":"2024-07-31T20:00:30.230Z","updated_at":"2024-10-31T13:31:34.545Z","avatar_url":"https://github.com/xandor-io.png","language":"CSS","funding_links":[],"categories":["Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# Angular Material Sidemenu\n\n## Introduction\n\nThis is a package to create navigation menus using Angular Material. This follows all the design guidelines provided by Google Material spec.\n\n## Installation\n\nThis package can be installed using npm or bower:\n\n**Note:** Use version `1.0.6`\n\n* `npm install ng-material-sidemenu`\n* `bower install angular-material-sidemenu`\n\n## Usage\n\nInclude the script and CSS files in you HTML and add `ngMaterialSidemenu` in you module. Also this module has support for browserify or wiredep.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"path/to/angular-material-sidemenu.css\"\u003e\n\u003cscript src=\"path/to/angular-material-sidemenu.js\"\u003e\u003c/script\u003e\n```\n\nTo use icons with ligatures you should include the reference for the Material Icons:\n\n```html\n\u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\"\u003e\n```\n\nAfter that you can add the following markup:\n```html\n\u003cmd-sidemenu\u003e\n  \u003cmd-sidemenu-group\u003e\n    \u003cmd-subheader class=\"md-no-sticky\"\u003eCaption\u003c/md-subheader\u003e\n\n    \u003cmd-sidemenu-content collapse-other=\"true\" md-icon=\"home\" md-heading=\"Menu 1\" md-arrow=\"true\"\u003e\n      \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 1\u003c/md-sidemenu-button\u003e\n      \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 2\u003c/md-sidemenu-button\u003e\n      \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 3\u003c/md-sidemenu-button\u003e\n    \u003c/md-sidemenu-content\u003e\n\n    \u003cmd-sidemenu-content md-heading=\"Menu 2\" md-arrow=\"true\" on-hover=\"true\"\u003e\n      \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 1\u003c/md-sidemenu-button\u003e\n      \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 2\u003c/md-sidemenu-button\u003e\n\n      \u003cmd-sidemenu-content md-heading=\"Menu 2\" md-arrow=\"true\"\u003e\n        \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 1\u003c/md-sidemenu-button\u003e\n        \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 2\u003c/md-sidemenu-button\u003e\n        \u003cmd-sidemenu-button href=\"#\"\u003eSubmenu 3\u003c/md-sidemenu-button\u003e\n      \u003c/md-sidemenu-content\u003e\n    \u003c/md-sidemenu-content\u003e\n\n  \u003c/md-sidemenu-group\u003e\n\n  \u003cmd-sidemenu-group\u003e\n    \u003cmd-divider\u003e\u003c/md-divider\u003e\n\n    \u003cmd-subheader class=\"md-no-sticky\"\u003eCaption\u003c/md-subheader\u003e\n\n    \u003cmd-sidemenu-button href=\"#\"\u003eMenu 4\u003c/md-sidemenu-button\u003e\n  \u003c/md-sidemenu-group\u003e\n\u003c/md-sidemenu\u003e\n```\n\n### Components\n\n* `\u003cmd-sidemenu\u003e`\nIs the main directive to hold all navigation items.\n\n* `\u003cmd-sidemenu-group\u003e`\nIs needed to create groups of content.\n\n* `\u003cmd-sidemenu-content\u003e`\nDefine the collapsible navigation element and there's some attributes to setup. The following attributes are available:\n - `collapse-other` - You can use to collapse all other elements.\n - `on-hover` - You can open menu content on hover.\n - `md-icon` - You can use font icons\n - `md-svg-icon` - To use external svg icons\n - `md-heading` - The title of the section\n - `md-arrow` - An optional boolean to show an indicator arrow\n\n\n* `\u003cmd-sidemenu-button\u003e`\n Add the buttons inside the navigation. The following attributes are available:\n - `href` - The href for the button\n - `ui-sref` - The ui-router alternative\n - `ui-sref-active` - The highlight class to use with ui-router\n - `target` - The link target attribute\n\nPretty easy!\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandor-io%2Fangular-material-sidemenu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxandor-io%2Fangular-material-sidemenu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxandor-io%2Fangular-material-sidemenu/lists"}