👋
Welcome to react-auto-sizer
React components that automatically calculate width and height
English | 简体中文
🏠 Homepage
📦 Install
yarn add @oyyds/react-auto-sizer # or npm i @oyyds/react-auto-sizer -S
🔨 Use
import AutoSizer from '@oyyds/react-auto-sizer';
const AutoSizeComponent = () => {
return (
<div>
<AutoSizer>
{({ width, height }) => (
<div
style={{
width,
height,
}}
>
Content area
</div>
)}
</AutoSizer>
</div>
);
};
🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check issues page.
❤️ Show your support
Give a
📝 License
This project is MIT licensed.
🐳 Link
react-virtualized-auto-sizer
ResizeObserver
🌐 Browsers support
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox Android |
Opera Android |
Safari iOS |
Samsung Internet |
---|---|---|---|---|---|---|---|---|---|---|---|
64 | 79 | 69 | 51 | 13.1 | 64 | 64 | 79 | 47 | 13.4 | 9.0 |