{"id":31910656,"url":"https://github.com/svar-widgets/react-toolbar","last_synced_at":"2025-10-13T16:54:03.922Z","repository":{"id":315247647,"uuid":"1057443862","full_name":"svar-widgets/react-toolbar","owner":"svar-widgets","description":"React toolbar component for building configurable panels with buttons, icons, dropdowns, etc.","archived":false,"fork":false,"pushed_at":"2025-09-26T09:03:36.000Z","size":73,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-26T09:39:08.330Z","etag":null,"topics":["button","react","react-component","react-toolbar","reactjs","toolbar"],"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:53.000Z","updated_at":"2025-09-26T09:03:38.000Z","dependencies_parsed_at":"2025-09-17T15:15:25.265Z","dependency_job_id":"56f07aa9-3ed5-4f4b-9cac-7f2abd202c69","html_url":"https://github.com/svar-widgets/react-toolbar","commit_stats":null,"previous_names":["svar-widgets/react-toolbar"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/svar-widgets/react-toolbar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-toolbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-toolbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-toolbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-toolbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/svar-widgets","download_url":"https://codeload.github.com/svar-widgets/react-toolbar/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svar-widgets%2Freact-toolbar/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":["button","react","react-component","react-toolbar","reactjs","toolbar"],"created_at":"2025-10-13T16:54:01.929Z","updated_at":"2025-10-13T16:54:03.916Z","avatar_url":"https://github.com/svar-widgets.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# SVAR React Toolbar\n\n[![npm](https://img.shields.io/npm/v/@svar-ui/react-toolbar.svg)](https://www.npmjs.com/package/@svar-ui/react-toolbar)\n[![License](https://img.shields.io/github/license/svar-widgets/react-toolbar)](https://github.com/svar-widgets/react-toolbar/blob/main/license.txt)\n[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-toolbar.svg)](https://www.npmjs.com/package/@svar-ui/react-toolbar)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[Documentation](https://docs.svar.dev/react/core/toolbar/) • [Demos](https://docs.svar.dev/react/core/samples-toolbar/#/base/willow)\n\n\u003c/div\u003e\n\n**SVAR React Toolbar** is a customizable React UI component that helps you build panels of buttons and icons, giving users quick access to key actions and tools in your app. It supports different button types, multi-line toolbars, collapsible button groups, and responsive layouts that adapt to different screen sizes. Compatible with React 18 and 19.\n\n\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://svar.dev/images/github/github-toolbar.png\" alt=\"Svelte Toolbar Component\" style=\"width: 800px;\"\u003e\n\n\u003c/div\u003e\n\n### :hammer_and_wrench: How to Use\n\nTo use SVAR React Toolbar, simply import the package and include the component in to .jsx file:\n\n```jsx\n    import { Toolbar } from \"@svar-ui/react-toolbar\";\n    import \"@svar-ui/react-toolbar/all.css\";\n\n    function MyComponent(){\n        const items = [\n            { id: 'label', text: 'Toolbar with icon buttons' },\n            { id: 'search', comp: 'button', icon: 'wxi-search' },\n            { comp: 'spacer' },\n            { id: 'edit', comp: 'button', icon: 'wxi-edit-outline'}\n        ];\n\n        return (\u003cToolbar items={items} /\u003e);\n    }\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-toolbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvar-widgets%2Freact-toolbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvar-widgets%2Freact-toolbar/lists"}