{"repo":"loba-b/react-equal-height","free":true,"listed":false,"github":"https://github.com/loba-b/react-equal-height","clone":"git clone https://github.com/loba-b/react-equal-height.git","description":"Compares element heights and sets the highest","language":"TypeScript","stars":19,"topics":["react","height","react-hooks","typescript","component-library","dom-manipulation","dynamic-height","equal-height","frontend","nextjs"],"license":"MIT","category":"ui-components","readme_excerpt":"React Equal Height Manages a dynamic collection of UI elements, enabling efficient tracking, updating, and synchronization of their maximum heights. It supports operations like adding, removing, and updating elements within the collection. Additionally, the application allows grouping elements by rows, making it ideal for complex interfaces where elements' sizes and positions need to be consistently managed and adjusted in real-time. Protected by the 'use client' directive, ensuring compatibility with React Server Components and Next.js. Long story short: Compares heights of elements and sets the highest. Installation What's new in version 2 New equalRows option. Checks other elements within the same row and sets the highest height value only for elements within that specific row. New component. A helper for the new equalRows option Migrate from version 1.x.x into 2.x.x Minimal changes are required, primarily to props: - The tag prop has been replaced by as in EqualHeightElement - The updateOnChange prop now only accepts an array based on DependencyList - The class name equal-height-JlocK has been updated to equal-height-wrapper Compatibility - React 19+: use version ^2.19.0 - React 18: use react-equal-height@react-18 (== 2.18.0 ) - React styles that will be loaded startup to the tag react-equal-height/clean 13,6 kB Library without styles . It can be useful for SSR or to remove overhead for script with loading styles Styles needs to be added: by itself (copy below styles to y","default_branch":null,"files":null,"tree":[],"storefront":"/r/loba-b","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/loba-b/react-equal-height/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}