{"id":30407770,"url":"https://github.com/reflex-dev/reflex-resizable-panels","last_synced_at":"2025-08-21T20:51:24.895Z","repository":{"id":239837110,"uuid":"801044744","full_name":"reflex-dev/reflex-resizable-panels","owner":"reflex-dev","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-15T17:17:56.000Z","size":10,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-18T17:58:06.985Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Python","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/reflex-dev.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,"publiccode":null,"codemeta":null}},"created_at":"2024-05-15T13:39:49.000Z","updated_at":"2025-08-07T18:49:59.000Z","dependencies_parsed_at":"2024-05-15T18:14:00.627Z","dependency_job_id":"05dcfe8e-f1d4-4691-ae4c-007a0c7db492","html_url":"https://github.com/reflex-dev/reflex-resizable-panels","commit_stats":null,"previous_names":["lendemor/reflex-resizable-panels"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/reflex-dev/reflex-resizable-panels","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reflex-dev%2Freflex-resizable-panels","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reflex-dev%2Freflex-resizable-panels/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reflex-dev%2Freflex-resizable-panels/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reflex-dev%2Freflex-resizable-panels/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reflex-dev","download_url":"https://codeload.github.com/reflex-dev/reflex-resizable-panels/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reflex-dev%2Freflex-resizable-panels/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271539415,"owners_count":24777492,"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-08-21T02:00:08.990Z","response_time":74,"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":"2025-08-21T20:51:20.050Z","updated_at":"2025-08-21T20:51:24.862Z","avatar_url":"https://github.com/reflex-dev.png","language":"Python","readme":"# resizable-panels\n\nA Reflex custom component resizable-panels.\n\n## Installation\n\n```bash\npip install reflex-resizable-panels\n```\n\n## Usage\n\n```python\nfrom reflex import rx\nfrom reflex_resizable_panels import resizable_panels as rzp\n\ndef index():\n    return rx.box(\n        rzp.group(\n            rzp.panel(\"Header\", default_size=20, min_size=20),\n            rzp.handle(),\n            rzp.panel(\n                \"Content\",\n                background_color=rx.color(\"gray\", 10),\n                default_size=80,\n                min_size=20,\n            ),\n        ),\n        width=\"100vw\",\n        height=\"100vh\",\n    )\n```\n\n## API\n\n### PanelGroup\n- `children`: List of `Panel` and `Handle` components.\n- `auto_save_id`: `str` - ID to save the layout in LocalStorage.\n- `direction`: `Literal[\"horizontal\", \"vertical\"]` - Direction of the panels. Default is `horizontal`.\n\n### Panel\n- `children`: `Component` - Content of the panel.\n- `default_size`: `int` - Default size of the panels.\n- `min_size`: `int` - Minimum size of the panels. Default is `10`.\n- `max_size`: `int` - Maximum size of the panels. Default is `100`.\n- `collapsible`: `bool` - If `True`, panel can be collapsed by resizing below `min_size`.\n- `collapsed_size`: The size of the panel when it is collapsed. Default is `0`.\n- `order`: `int` - Order of the panel in the group. Required when using panels in `rx.cond`\n\nDisclaimer:\n\u003e Resizable panels don't work when used inside `rx.container`. However, `rx.container` inside resizable panels do work.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freflex-dev%2Freflex-resizable-panels","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freflex-dev%2Freflex-resizable-panels","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freflex-dev%2Freflex-resizable-panels/lists"}