{"id":15428950,"url":"https://github.com/timdaub/preact-nominal-allocator","last_synced_at":"2025-03-28T05:24:22.253Z","repository":{"id":57329533,"uuid":"442484312","full_name":"TimDaub/preact-nominal-allocator","owner":"TimDaub","description":"A preact mobile and desktop-ready UI component for adding and removing nominal values (e.g. for voting)","archived":false,"fork":false,"pushed_at":"2022-02-07T20:57:50.000Z","size":136,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-02T14:50:48.023Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TimDaub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-12-28T14:13:57.000Z","updated_at":"2023-02-15T19:32:52.000Z","dependencies_parsed_at":"2022-09-14T18:51:32.207Z","dependency_job_id":null,"html_url":"https://github.com/TimDaub/preact-nominal-allocator","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimDaub%2Fpreact-nominal-allocator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimDaub%2Fpreact-nominal-allocator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimDaub%2Fpreact-nominal-allocator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimDaub%2Fpreact-nominal-allocator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TimDaub","download_url":"https://codeload.github.com/TimDaub/preact-nominal-allocator/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245974988,"owners_count":20703138,"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":[],"created_at":"2024-10-01T18:08:11.177Z","updated_at":"2025-03-28T05:24:22.231Z","avatar_url":"https://github.com/TimDaub.png","language":"JavaScript","readme":"# preact-nominal-allocator\n\n![](./assets/demo.gif)\n\n## Installation\n\n```bash\nnpm i preact-nominal-allocator\n```\n\n## Usage\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"utf-8\" /\u003e\n    \u003ctitle\u003ePreact Nominal Allocator Demo\u003c/title\u003e\n    \u003cscript type=\"module\" defer\u003e\n      import { Component, render, h } from \"https://unpkg.com/preact@10.6.4?module\";\n      import htm from \"https://unpkg.com/htm?module\";\n      import preset from \"https://unpkg.com/jss-preset-default@10.9.0\";\n      import { create } from \"https://unpkg.com/jss@10.9.0\";\n      import NominalAllocator from \"./js/out.js\";\n\n      const html = htm.bind(h);\n      const jss = create(preset());\n\n      const style = {\n        allocatorContainer: {\n          display: \"flex\"\n        },\n        allocatorButtonPlus: {\n          fontSize: 18\n        },\n        allocatorButtonMinus: {\n          fontSize: 18\n        },\n        allocatorNumberInput: {}\n      };\n\n      const { classes } = jss.createStyleSheet(style).attach();\n\n      render(\n        html`\n            \u003c${NominalAllocator}\n              min=\"${0}\"\n              max=\"${12}\"\n              onUpdate=\"${console.log}\"\n              styles=\"${classes}\"\n            /\u003e\n        `,\n        document.body\n      );\n    \u003c/script\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\u003c/body\u003e\n\u003c/html\u003e\n```\n\n### Notes\n\n- Attributes:\n  - `min` lowest input value\n  - `max` highest input value\n  - `onUpdate` used to update the current value\n    \n`NominalAllocator` inserts inline classes via [JSS](https://cssinjs.org).  It\nallows users to customize its style (via `styles` attribute) by adjusting\nclasses like  `.allocatorContainer`,`.allocatorButtonPlus`,\n`.allocatorButtonMinus`, and `.allocatorNumberInput`.\n\n## Contributing\n\n```bash\n$ git clone git@github.com:TimDaub/preact-nominal-allocator.git\n$ cd preact-nominal-allocator\n$ npm i\n$ npm run dev\n```\n\n## Changelog\n\n### 0.0.2 on Feb 7, 2022\n\n- Add `disabled` prop\n\n### 0.0.1 on Jan 10, 2022\n\n- Initial release\n\n## License\n\nSee LICENSE file or package.json.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimdaub%2Fpreact-nominal-allocator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimdaub%2Fpreact-nominal-allocator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimdaub%2Fpreact-nominal-allocator/lists"}