{"id":19464399,"url":"https://github.com/arrowtype/svelte-slider","last_synced_at":"2026-03-19T10:02:44.796Z","repository":{"id":47590881,"uuid":"267992439","full_name":"arrowtype/svelte-slider","owner":"arrowtype","description":"A simple example of a slider component for SvelteJS","archived":false,"fork":false,"pushed_at":"2022-07-21T02:30:04.000Z","size":78,"stargazers_count":2,"open_issues_count":5,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-25T13:36:21.043Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://svelte-slider.netlify.app/","language":"HTML","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/arrowtype.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-30T02:09:00.000Z","updated_at":"2021-03-03T19:27:50.000Z","dependencies_parsed_at":"2022-08-17T19:15:17.424Z","dependency_job_id":null,"html_url":"https://github.com/arrowtype/svelte-slider","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/arrowtype/svelte-slider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrowtype%2Fsvelte-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrowtype%2Fsvelte-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrowtype%2Fsvelte-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrowtype%2Fsvelte-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arrowtype","download_url":"https://codeload.github.com/arrowtype/svelte-slider/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arrowtype%2Fsvelte-slider/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29989014,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T22:42:38.399Z","status":"ssl_error","status_checked_at":"2026-03-01T22:41:51.863Z","response_time":124,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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-11-10T18:14:55.539Z","updated_at":"2026-03-02T01:33:06.643Z","avatar_url":"https://github.com/arrowtype.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simple SvelteJS slider component\n\nTo use SvelteJS, please see the [SvelteJS Documentation](https://svelte.dev/).\n\n---\n\nThis `Slider` component:\n\n- Has custom CSS which makes it easy to manipulate on a touch screen, while still looking simple \u0026 similar across platforms. This takes [a lot of CSS](https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/) for a range input.\n- Is separate from the main app component, which is nice because it has custom CSS that only has to be written once. (It’s a component.)\n- Has props for value, min, \u0026 max. It also spreads in additional props you might wish to pass in, such as step.\n- Works just like a normal, plain-HTML range input does in Svelte. You can [easily bind its value](https://svelte.dev/tutorial/numeric-inputs) to the state in the component it is used within.\n\n**Note:** this is intended mostly as a test \u0026 shared example of how a Slider component can be made in SvelteJS. It is not necessarily representative of best practices in Svelte, and it is probably not something that you should reuse without testing \u0026 improvement.\n\nThanks to Stack Overflow user @Gh05d for [good advice](https://stackoverflow.com/a/62102844/3704306) on simplifying this component.\n\nHave an idea of how to improve it? Please file an issue or make a pull request in the GitHub Repo!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrowtype%2Fsvelte-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farrowtype%2Fsvelte-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrowtype%2Fsvelte-slider/lists"}