{"id":13532192,"url":"https://github.com/thisbeyond/solid-select","last_synced_at":"2025-10-13T12:27:22.216Z","repository":{"id":39800704,"uuid":"448133356","full_name":"thisbeyond/solid-select","owner":"thisbeyond","description":"The Select component for Solid.","archived":false,"fork":false,"pushed_at":"2024-07-06T21:55:23.000Z","size":640,"stargazers_count":197,"open_issues_count":20,"forks_count":20,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-08T21:21:29.711Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://solid-select.com","language":"TypeScript","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/thisbeyond.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2022-01-14T23:20:20.000Z","updated_at":"2025-09-24T15:11:54.000Z","dependencies_parsed_at":"2024-01-14T02:01:51.509Z","dependency_job_id":"fc1aec33-5b94-408d-9a47-2732dca26e95","html_url":"https://github.com/thisbeyond/solid-select","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"purl":"pkg:github/thisbeyond/solid-select","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thisbeyond%2Fsolid-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thisbeyond%2Fsolid-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thisbeyond%2Fsolid-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thisbeyond%2Fsolid-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thisbeyond","download_url":"https://codeload.github.com/thisbeyond/solid-select/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thisbeyond%2Fsolid-select/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279015060,"owners_count":26085643,"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":[],"created_at":"2024-08-01T07:01:08.956Z","updated_at":"2025-10-13T12:27:22.186Z","avatar_url":"https://github.com/thisbeyond.png","language":"TypeScript","funding_links":[],"categories":["📦 Components \u0026 Libraries"],"sub_categories":["UI Components"],"readme":"\u003ca href=\"https://solid-select.com\"\u003e\n    \u003cimg\n      alt=\"Solid Select- The Select component for Solid.\"\n      src=\"./resources/solid-select-1.png\"\u003e\n  \u003c/a\u003e\n\n- **Built for [Solid](https://solidjs.com/):** leverages fine-grained reactivity\n  primitives for coordination.\n- **Flexible:** built to support a wide range of cases, from single selects to\n  multi-select autocomplete lists.\n- **Extendable:** use the pre-fabricated components or build your own from the\n  core primitives.\n- **Zero dependencies:** Just pair with Solid and good to go.\n\n![solid select preview](./resources/solid-select-preview.gif?raw=true)\n\n## How do I get started? 🧭\n\nInstall it:\n\n```bash\nnpm install @thisbeyond/solid-select\n```\n\nUse it:\n\n```jsx\nimport { Select } from \"@thisbeyond/solid-select\";\nimport \"@thisbeyond/solid-select/style.css\";\n\nconst App = () =\u003e {\n  return (\n    \u003cdiv\u003e\n      \u003cSelect options={[\"apple\", \"banana\", \"pear\", \"pineapple\", \"kiwi\"]} /\u003e\n    \u003c/div\u003e\n  );\n};\n\nexport default App;\n```\n\nSee more examples at https://solid-select.com\n\n## What's implemented? ✔️\n\n- [x] A high level `Select` component that can be configured with either a\n  static or dynamic list of options.\n- [x] Support for single value selection or multiple value selection.\n- [x] `createOptions` helper for configuring filterable options based on input\n  value (complete with match highlighting). Works with lists of plain strings or\n  can be passed a 'key' to filter against lists of objects. Can also be used to\n  configure creating new options on the fly.\n- [x] Opt-in sensible default styling. Customise easily or style from scratch.\n- [x] Composable building blocks to create your own control.\n- [x] Lower level `createSelect` primitive if you just want the core logic.\n\n## Who made this? ✍\n\n[Martin Pengelly-Phillips](https://twitter.com/thesociablenet)\n\n## Why did you make it?\n\nI've been part of the [SolidJS community](https://discord.com/invite/solidjs)\nfor a while now and one of the things I really like is the emphasis on trying\nthings out and sharing them (https://hack.solidjs.com). The ecosystem is small\nwhich creates a lot of opportunity and a lower barrier to entry for sharing I\nfind.\n\nI published my first Solid library (https://solid-dnd.com) a short while back as\na first dabble in sharing what I had learnt on a personal project. That went\nwell so when I had to create a multi-select autocomplete control for another\npersonal project I knew I'd be sharing that too - and so `Solid Select` came to\nbe :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthisbeyond%2Fsolid-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthisbeyond%2Fsolid-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthisbeyond%2Fsolid-select/lists"}