{"id":31910655,"url":"https://github.com/svar-widgets/react-menu","last_synced_at":"2025-10-13T16:54:04.293Z","repository":{"id":315225071,"uuid":"1057443710","full_name":"svar-widgets/react-menu","owner":"svar-widgets","description":"React menu component for adding navigation, action, or context menus.","archived":false,"fork":false,"pushed_at":"2025-09-26T09:03:41.000Z","size":73,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-26T09:39:08.276Z","etag":null,"topics":["action-menu","context-menu","context-menu-react","menubar","navigation-menu","react","react-component","react-menu","react-menubar","reactjs","reactjs-component"],"latest_commit_sha":null,"homepage":"https://svar.dev/react/core/","language":"JavaScript","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/svar-widgets.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-15T18:24:34.000Z","updated_at":"2025-09-26T09:03:42.000Z","dependencies_parsed_at":"2025-09-17T12:27:01.624Z","dependency_job_id":"cf9ab086-b002-48cb-999f-c4731bb5886e","html_url":"https://github.com/svar-widgets/react-menu","commit_stats":null,"previous_names":["svar-widgets/react-menu"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/svar-widgets/react-menu","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/svar-widgets","download_url":"https://codeload.github.com/svar-widgets/react-menu/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-menu/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016119,"owners_count":26085804,"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","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["action-menu","context-menu","context-menu-react","menubar","navigation-menu","react","react-component","react-menu","react-menubar","reactjs","reactjs-component"],"created_at":"2025-10-13T16:54:01.909Z","updated_at":"2025-10-13T16:54:04.287Z","avatar_url":"https://github.com/svar-widgets.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# SVAR React Menu\n\n[![npm](https://img.shields.io/npm/v/@svar-ui/react-menu.svg)](https://www.npmjs.com/package/@svar-ui/react-menu)\n[![License](https://img.shields.io/github/license/svar-widgets/react-menu)](https://github.com/svar-widgets/react-menu/blob/main/license.txt)\n[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-menu.svg)](https://www.npmjs.com/package/@svar-ui/react-menu)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[Documentation](https://docs.svar.dev/react/core/category/menu/) • [Demos](https://docs.svar.dev/react/core/samples-menu/#/action/willow)\n\n\u003c/div\u003e\n\n**SVAR React Menu** is a flexible menu component for adding navigation and interaction menus to your React applications. The component is easy-to-customize, compatible with React 18 and 19, and complements [SVAR React Core](https://github.com/svar-widgets/react-core/) library.\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://svar.dev/images/github/github-menu.png\" alt=\"React Menu Component\" style=\"width: 600px;\"\u003e\n\n\u003c/div\u003e\n\nSVAR React Menu can be used as:\n\n- Action Menu: Provides a compact list of actions (e.g. edit, delete, share.) that appears when a user clicks on a UI element.\n- Basic Menu: A simple, hierarchical menu that displays options for navigation or actions.\n- Context Menu: A right-click (or long-press) menu offering context-specific options for a selected element.\n- DropDown Menu: A dropdown attached to buttons or other clickable elements, expanding on click.\n- Menu Bar: A horizontal top-level menu providing access to grouped commands, with support for dropdowns and sub-menus.\n\n### :hammer_and_wrench: How to Use\n\nTo use the widget, simply import the package and include the component in to .jsx file:\n\n```jsx\n    import { Menu } from \"@svar-ui/react-menu\";\n    import \"@svar-ui/react-menu/all.css\";\n\n    function MyComponent(){\n        const options = [\n            { id: 'add-task', text: 'Add', icon: 'wxi wxi-plus', data: [\n                { id: 'add-task:child', text: 'Child task' },\n                { id: 'add-task:above', text: 'Task above' },\n                { id: 'add-task:below', text: 'Task below' },\n            ] },\n            { type: 'separator' },\n            { id: 'edit-task', text: 'Edit', icon: 'wxi wxi-edit' },\n        ];\n\n        return (\u003cMenu options={options} /\u003e);\n    }\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvar-widgets%2Freact-menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-menu/lists"}