{"id":15288400,"url":"https://github.com/micha-lmxt/svelte-virtualized-auto-sizer","last_synced_at":"2025-08-07T00:34:57.178Z","repository":{"id":57375399,"uuid":"340476876","full_name":"micha-lmxt/svelte-virtualized-auto-sizer","owner":"micha-lmxt","description":"High-order component that automatically adjusts the width and height of a single child.","archived":false,"fork":false,"pushed_at":"2021-02-19T20:04:00.000Z","size":7,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-13T07:48:54.975Z","etag":null,"topics":["react-virtualized","reactjs","svelte","sveltejs"],"latest_commit_sha":null,"homepage":"https://gradientdescent.de/porting-react/","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/micha-lmxt.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":"2021-02-19T20:03:56.000Z","updated_at":"2024-03-26T07:15:35.000Z","dependencies_parsed_at":"2022-09-12T16:04:29.618Z","dependency_job_id":null,"html_url":"https://github.com/micha-lmxt/svelte-virtualized-auto-sizer","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/micha-lmxt%2Fsvelte-virtualized-auto-sizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micha-lmxt%2Fsvelte-virtualized-auto-sizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micha-lmxt%2Fsvelte-virtualized-auto-sizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/micha-lmxt%2Fsvelte-virtualized-auto-sizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/micha-lmxt","download_url":"https://codeload.github.com/micha-lmxt/svelte-virtualized-auto-sizer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248681494,"owners_count":21144700,"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":["react-virtualized","reactjs","svelte","sveltejs"],"created_at":"2024-09-30T15:48:41.538Z","updated_at":"2025-04-13T07:49:00.681Z","avatar_url":"https://github.com/micha-lmxt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# svelte-virtualized-auto-sizer\n\n\u003e Svelte port of the AutoSizer component from react-virtualized.\n\nHigh-order component that automatically adjusts the width and height of a single child. Read more about this component in [my blog](https://gradientdescent.de/porting-react)\n\n[![NPM](https://img.shields.io/npm/v/svelte-virtualized-auto-sizer.svg)](https://www.npmjs.com/package/svelte-virtualized-auto-sizer)\n\n## Install\n\n```bash\nnpm install --save-dev svelte-virtualized-auto-sizer\n```\n\n## Documentation\n\nPlease see API documentation of \"AutoSizer\" in `react-virtualized` package [here](https://github.com/bvaughn/react-virtualized/blob/master/docs/AutoSizer.md).\n\nOn the props style and children are removed, since these are React-specific.\n\nInstead, use slot props:\n\n```html\n\n\u003cAutoSizer let:width={childWidth} let:height={childHeight}\u003e\n    \u003cdiv \n    style={\"width:\"+childWidth+\"px;height:\"+childHeight+\"px;\"}\n    \u003eTest\u003c/div\u003e\n\u003c/AutoSizer\u003e\n\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicha-lmxt%2Fsvelte-virtualized-auto-sizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicha-lmxt%2Fsvelte-virtualized-auto-sizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicha-lmxt%2Fsvelte-virtualized-auto-sizer/lists"}