{"id":41096300,"url":"https://github.com/liamross/interval-resizer","last_synced_at":"2026-01-22T14:58:08.659Z","repository":{"id":57275349,"uuid":"100352480","full_name":"liamross/interval-resizer","owner":"liamross","description":"🎚 A React wrapper for resizing components at intervals.","archived":false,"fork":false,"pushed_at":"2018-05-15T00:42:38.000Z","size":1002,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-02T09:54:50.725Z","etag":null,"topics":["dashboard","react","resizer","ui-components"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/interval-resizer","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/liamross.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-15T07:43:27.000Z","updated_at":"2020-09-04T14:57:47.000Z","dependencies_parsed_at":"2022-09-15T19:12:38.778Z","dependency_job_id":null,"html_url":"https://github.com/liamross/interval-resizer","commit_stats":null,"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"purl":"pkg:github/liamross/interval-resizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liamross%2Finterval-resizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liamross%2Finterval-resizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liamross%2Finterval-resizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liamross%2Finterval-resizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liamross","download_url":"https://codeload.github.com/liamross/interval-resizer/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liamross%2Finterval-resizer/sbom","scorecard":{"id":587514,"data":{"date":"2025-08-11","repo":{"name":"github.com/liamross/interval-resizer","commit":"3644ca590c38107a0c5cdc19bc13827502b0c8b5"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Vulnerabilities","score":0,"reason":"165 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-rvg8-pwq2-xj7q","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-rq8g-5pc5-wrhr","Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg","Warn: Project is vulnerable to: GHSA-hr2v-3952-633q","Warn: Project is vulnerable to: GHSA-h6ch-v84p-w6p9","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c","Warn: Project is vulnerable to: GHSA-8mmm-9v2q-x3f9","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6","Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9","Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f","Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p","Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv","Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8","Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65","Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-pp57-mqmh-44h7","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-f9cm-qmx5-m98h","Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-446m-mv8f-q348","Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4","Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-6394-6h9h-cfjg","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-4p35-cfcx-8653","Warn: Project is vulnerable to: GHSA-7f3x-x4pr-wqhj","Warn: Project is vulnerable to: GHSA-jpp7-7chh-cf67","Warn: Project is vulnerable to: GHSA-q6wq-5p59-983w","Warn: Project is vulnerable to: GHSA-j9fq-vwqv-2fm2","Warn: Project is vulnerable to: GHSA-pqw5-jmp5-px4v","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-hxcm-v35h-mg2x","Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4","Warn: Project is vulnerable to: GHSA-29gp-92wp-94q8","Warn: Project is vulnerable to: GHSA-5q6m-3h65-w53x","Warn: Project is vulnerable to: GHSA-mvjj-gqq2-p4hw","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3","Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-3329-pjwv-fjpg","Warn: Project is vulnerable to: GHSA-p6j9-7xhc-rhwp","Warn: Project is vulnerable to: GHSA-89gv-h8wf-cg8r","Warn: Project is vulnerable to: GHSA-gcv8-gh4r-25x6","Warn: Project is vulnerable to: GHSA-gmv4-r438-p67f","Warn: Project is vulnerable to: GHSA-8h2f-7jc4-7m3m","Warn: Project is vulnerable to: GHSA-3vjf-82ff-p4r3","Warn: Project is vulnerable to: GHSA-g694-m8vq-gv9h","Warn: Project is vulnerable to: GHSA-pv4c-p2j5-38j4","Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-cf66-xwfp-gvc4","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-20T20:56:50.621Z","repository_id":57275349,"created_at":"2025-08-20T20:56:50.621Z","updated_at":"2025-08-20T20:56:50.621Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28664810,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-22T14:01:31.714Z","status":"ssl_error","status_checked_at":"2026-01-22T13:59:23.143Z","response_time":144,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["dashboard","react","resizer","ui-components"],"created_at":"2026-01-22T14:58:08.069Z","updated_at":"2026-01-22T14:58:08.650Z","avatar_url":"https://github.com/liamross.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/interval-resizer\"\u003e\n    \u003cimg\n      alt=\"Interval Resizer\"\n      src=\"assets/interval-resizer-header.png?raw=true\"\n      width=\"800\" \u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  A React wrapper for resizing components at pre-defined intervals.\u003cbr /\u003e\n  \u003ca href=\"https://liamross.github.io/interval-resizer/\"\u003e\n    Click here to see a working demo\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/liamross/interval-resizer/blob/master/LICENSE\"\u003e\n    \u003cimg alt=\"License\" src=\"https://img.shields.io/npm/l/interval-resizer.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/interval-resizer\"\u003e\n    \u003cimg alt=\"NPM Version\" src=\"https://badge.fury.io/js/interval-resizer.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://bundlephobia.com/result?p=interval-resizer\"\u003e\n    \u003cimg alt=\"Minified Size\" src=\"https://img.shields.io/bundlephobia/min/interval-resizer.svg\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://bundlephobia.com/result?p=interval-resizer\"\u003e\n    \u003cimg alt=\"Zipped Size\" src=\"https://img.shields.io/bundlephobia/minzip/interval-resizer.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n## Use this Component\n\n| Site (click to open)                                  | Install command             |\n| :---------------------------------------------------- | :-------------------------- |\n| [npm](https://www.npmjs.com/package/interval-resizer) | `npm i interval-resizer`    |\n| [yarn](https://yarn.pm/interval-resizer)              | `yarn add interval-resizer` |\n\n## About the Component\n\n### What is this for?\n\nInterval-resizer is useful in a dashboard widget scenario, where you want your\ncomponents to expand with their content, but you don't want a bunch of uneven\nheights. By setting your [intervalUnit](#intervalunit), you give the\ninterval-resizer intervals to snap to, which means nice even heights among all\nyour widget components, and a good end-user visual experience.\n\n### How does it work?\n\nWhenever there is a change in the width of the window or a component update\n(triggered by prop changes or by any changes to the child wrapped in the\ninterval-resizer), the interval-resizer will evaluate what the natural height of\nthe _internals_. Then, the interval-resizer calculates the next interval to size\nto. This allows the _internals_ to resize naturally, while still rounding to a\nclean interval height.\n\n### Why is it in TypeScript?\n\nDon't worry, the npm package is in ES5 JavaScript! The source is written in\nTypeScript to generate a typings file just in case someone uses interval-resizer\nin a TypeScript project. Additionally some IDEs use typing in their corrective\nhinting, so it's just nice to have.\n\n## Use\n\n### Inside your component\n\n\u003e See [Props](#props) for explanation and use for each prop.\n\n```jsx\nimport React, { Component } from 'react';\nimport { IntervalResizer } from 'interval-resizer';\n\nexport default class App extends Component {\n  // ...\n  render() {\n    return (\n      \u003cIntervalResizer\n        intervalUnit={intervalUnit}\n        minHeight={minHeight}\n        maxHeight={maxHeight}\n        className={className}\n        screenWidthCutoff={screenWidthCutoff}\n      \u003e\n        \u003cdiv className=\"internals-wrapper\"\u003e\n          \u003cdiv className=\"some-header\"\u003eI'm a header\u003c/div\u003e\n          \u003cdiv className=\"internals-content\"\u003e\n            {/* see 'Styling' below for more info */}\n          \u003c/div\u003e\n          \u003cdiv className=\"some-footer\"\u003eI'm a footer\u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/IntervalResizer\u003e\n    );\n  }\n}\n```\n\n### Styling\n\n\u003e In this section I will refer to the child components above by their className\n\u003e attributes. Naturally these can be anything and follow any structure, this is\n\u003e simply for ease of explaining.\n\nStyle the internals of this component however you'd style any div that resizes\nwith its content. Note that the child (`internals-wrapper`) will snap to a\nheight that is larger than its natural height, as it must reach an interval. As\nsuch, it is probably best if something inside is able to grow and fill the extra\nspace. This can easily be done using flexbox and `flex: 1 1 auto;` on one of the\ninternal children, for example `internals-content`. This is how it is done in\nthe [demo](https://liamross.github.io/interval-resizer/).\n\nKeep in mind that the height attribute of the child (`internals-wrapper`) will\nbe overwritten by the interval-resizer in order to switch between measuring the\nheight and snapping to an interval, so it's best to not add a height property.\n\n## Props\n\nRequired\n\n* [intervalUnit](#intervalunit)\n* [children](#children)\n\nNot Required\n\n* [minHeight](#minheight)\n* [maxHeight](#maxheight)\n* [className](#classname)\n* [screenWidthCutoff](#screenwidthcutoff)\n\n\u003ch3\u003e\u003ca name=\"intervalunit\" href=\"#intervalunit\"\u003e#\u003c/a\u003e \u003cb\u003eintervalUnit\u003c/b\u003e - \u003ccode\u003enumber\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: _none_ - required Prop\n\n**Description**:  \nDefines the interval in pixels to adjust height by when resizing.\n\n**Use**:  \nThis is the main feature of the component; it allows for your component to resize\nto a clean pixel height, at intervals defined using intervalUnit. A large value for\nintervalUnit means nice clean sizing, but the downside is lots of unused space within\nthe component once it resizes to a larger height. Alternatively, a small value for\nintervalUnit will cause more accurate resizing, but less guarantee that your components\nwill round to the same height.\n\n\u003ch3\u003e\u003ca name=\"children\" href=\"#children\"\u003e#\u003c/a\u003e \u003cb\u003echildren\u003c/b\u003e - \u003ccode\u003eJSX.Element\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: _none_ - required Prop\n\n**Description**:  \nThe internal content wrapped by the IntervalResizer. Note that child must be a single\nelement (it may wrap as many elements as you want). This can be passed as a JSX child\nrather than a prop as shown in the [Inside your component](#inside-your-component)\nsection.\n\n**Use**:  \nSee [Styling](#styling) for a detailed explanation of how to structure the _internals_.\n\n\u003ch3\u003e\u003ca name=\"minheight\" href=\"#minheight\"\u003e#\u003c/a\u003e \u003cb\u003eminHeight\u003c/b\u003e - \u003ccode\u003enumber\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: `0` (not applied)\n\n**Description**: The minimum height in pixels of the interval-resizer. If given,\nwill not allow the component to become smaller than the provided height.\n\n**Use**: For if you don't want your component to shrink beyond a certain height.\n\n\u003ch3\u003e\u003ca name=\"maxheight\" href=\"#maxheight\"\u003e#\u003c/a\u003e \u003cb\u003emaxHeight\u003c/b\u003e - \u003ccode\u003enumber\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: `-1` (not applied)\n\n**Description**:  \nThe maximum height in pixels of the interval-resizer. If given, will not allow the\ncomponent to become larger than the provided height.\n\n**Use**:  \nFor if you don't want your component to grow beyond a certain height.\n\n\u003ch3\u003e\u003ca name=\"classname\" href=\"#classname\"\u003e#\u003c/a\u003e \u003cb\u003eclassName\u003c/b\u003e - \u003ccode\u003estring\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: `undefined` (no class)\n\n**Description**:  \nA value for the class attribute on the component.\n\n**Use**:  \nFor applying styling to the component, as it has no inherent styling.\n\n\u003ch3\u003e\u003ca name=\"screenwidthcutoff\" href=\"#screenwidthcutoff\"\u003e#\u003c/a\u003e \u003cb\u003escreenWidthCutoff\u003c/b\u003e - \u003ccode\u003enumber\u003c/code\u003e\u003c/h3\u003e\n\n**Default**: `0` (not applied)\n\n**Description**:  \nDefined the minimum width in pixels for interval resizing. Any browser window width\nbelow this amount will be resized normally with content (height: auto).\n\n**Use**:  \nUsed in tandem with styling breakpoints, this allows you to stop interval resizing\nbelow a certain screen width. The main use case is when you only have one column\nof dashboard widgets and you no longer need the heights to round off as the components\nfall one after another in a scrolling UI.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliamross%2Finterval-resizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliamross%2Finterval-resizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliamross%2Finterval-resizer/lists"}