{"id":26786673,"url":"https://github.com/odeum/odeum-ui","last_synced_at":"2026-05-07T00:38:57.627Z","repository":{"id":57313482,"uuid":"106481701","full_name":"odeum/odeum-ui","owner":"odeum","description":"ODEUM UI are a collection of simple visual component primitives build for ODEUM Code. All components are build with styled-components","archived":false,"fork":false,"pushed_at":"2019-01-29T12:27:46.000Z","size":443,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T10:51:33.041Z","etag":null,"topics":["primitives","react","reactjs","reactui","ui","ui-components"],"latest_commit_sha":null,"homepage":"","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/odeum.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-10T23:23:10.000Z","updated_at":"2019-06-06T09:44:12.000Z","dependencies_parsed_at":"2022-09-20T23:11:28.443Z","dependency_job_id":null,"html_url":"https://github.com/odeum/odeum-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odeum%2Fodeum-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odeum%2Fodeum-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odeum%2Fodeum-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odeum%2Fodeum-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/odeum","download_url":"https://codeload.github.com/odeum/odeum-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245871692,"owners_count":20686248,"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":["primitives","react","reactjs","reactui","ui","ui-components"],"created_at":"2025-03-29T12:16:17.921Z","updated_at":"2026-05-07T00:38:57.599Z","avatar_url":"https://github.com/odeum.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://github.com/odeum/odeum-ui\"\u003e\n  \u003cimg alt=\"ODEUM Code UI Primitives\" src=\"./logotype.png\" /\u003e\n\u003c/a\u003e\n\nODEUM UI are a React UI primitives component library build for [ODEUM Code](https://github.com/odeum/odeum-code). ODEUM UI can be utilized without ODEUM Code usage. Check the /examples folder for component demoes.\n\n[![Build Status](https://travis-ci.org/odeum/odeum-ui.svg?branch=master)](https://travis-ci.org/odeum/odeum-ui)\n[![npm](https://img.shields.io/npm/v/odeum-ui.svg)](https://www.npmjs.com/package/odeum-ui)\n![NPM license](https://img.shields.io/npm/l/odeum-ui.svg?style=flat)\n\n\u003c!-- TOC --\u003e\n\n- [1. Components](#1-components)\n- [2. Installation](#2-installation)\n- [3. Usage](#3-usage)\n\n\u003c!-- /TOC --\u003e\n\n# 1. Components\nODEUM UI primitives (odeum-ui) are a collection of simple visual components build for ODEUM Code open source UI framework. All components are build with styled-components and ReactJS and the following components will be added:\n\n- Button - Button component\n- ButtonPanel - Button panel for wrapping and aligning multiple buttons in a row or a column\n- Icon - Icon helper component, uses material-design icons from react-icons\n- Modal - Styled modal window based upon react-modal\n- ToggleSwitch - \u003cinput\u003e styled as a toggle switch\n- Checkbox (in the lab)\n- Radiobutton (in the lab)\n- OnOff - (in the lab)\n...\n\n# 2. Installation\n```sh\nnpm install odeum-ui\nyarn add odeum-ui\n```\n\n# 3. Usage\n\n```js\nimport React from 'react'\nimport { \n\tButton, \n\tButtonPanel, \n\tIcon, \n\tModal, \n\tToggleSwitch } from 'odeum-ui'\n\n...\n\n\u003cButton\n  label={'Open Modal'}\n  icon='open_in_new'\n  iconSize={18}\n  color={'#3B97D3'}\n  onClick={this.openModal}\n/\u003e\n\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodeum%2Fodeum-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fodeum%2Fodeum-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodeum%2Fodeum-ui/lists"}