{"id":15355008,"url":"https://github.com/capaj/react-resizer","last_synced_at":"2026-04-17T00:32:37.537Z","repository":{"id":220635684,"uuid":"752165568","full_name":"capaj/react-resizer","owner":"capaj","description":"dead simple react component for resizeable container ","archived":false,"fork":false,"pushed_at":"2024-02-03T09:21:12.000Z","size":162,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-01T18:45:20.683Z","etag":null,"topics":["reactjs","resize","resizer","typescript","vitejs"],"latest_commit_sha":null,"homepage":"https://capaj.github.io/react-resizer/","language":"TypeScript","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/capaj.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-03T08:08:59.000Z","updated_at":"2024-02-03T09:38:21.000Z","dependencies_parsed_at":"2024-02-09T07:00:27.548Z","dependency_job_id":null,"html_url":"https://github.com/capaj/react-resizer","commit_stats":null,"previous_names":["capaj/react-resizer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capaj%2Freact-resizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capaj%2Freact-resizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capaj%2Freact-resizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capaj%2Freact-resizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/capaj","download_url":"https://codeload.github.com/capaj/react-resizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245864984,"owners_count":20685143,"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":["reactjs","resize","resizer","typescript","vitejs"],"created_at":"2024-10-01T12:22:06.300Z","updated_at":"2026-04-17T00:32:33.453Z","avatar_url":"https://github.com/capaj.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-resizer\n\na simple react component which allows user to resize the component container in two direction.\n\n⚠️ distribution on npm only has ESM version of the package. If you need CJS version you cannot use this.\n\n## Installation\n\nYou can install it with pnpm:\n\n```bash\npnpm i @capaj/react-resizer\n```\n\n## Usage\n\n```tsx\nimport { Resizer } from \"@capaj/resizer\"\n\nfunction App() {\n  return (\n    \u003c\u003e\n      \u003cResizer\u003e\n        \u003cdiv\n          style={{\n            backgroundColor: \"yellow\",\n          }}\n        \u003e\n          \u003ch3\u003eResize me\u003c/h3\u003e\n          \u003cp\u003e\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla\n            tincidunt, libero a facilisis ultrices, ipsum nunc aliquam libero,\n            vitae interdum libero nunc eget purus. Sed nec odio auctor, ultrices\n            libero vitae, cursus libero. Nulla facilisi. Nulla facilisi. Nulla\n            facilisi. Nulla facilisi. Nulla facilisi. Nulla facilisi. Nulla\n          \u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/Resizer\u003e\n    \u003c/\u003e\n  )\n}\n```\n\nall elements have classes, so you can style them any way you like:\n\n- `resizer`\n  - `resizer container`\n  - `resizer horizontal handle`\n  - `resizer vertical handle`\n  - `resizer diagonal handle`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapaj%2Freact-resizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcapaj%2Freact-resizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapaj%2Freact-resizer/lists"}