Skip to content

Latest commit

 

History

History
87 lines (67 loc) · 4.5 KB

README.md

File metadata and controls

87 lines (67 loc) · 4.5 KB

Welcome to react-auto-sizer 👋

Version Documentation Maintenance Maintenance License: MIT Gitmoji

React components that automatically calculate width and height

简体中文 | English

📦 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 ⭐️ if this project helped you!

📝 License

This project is MIT licensed.

🐳 Link

react-virtualized-auto-sizer
ResizeObserver

🌐 Browsers support

Chrome
Chrome
IE / Edge
Edge
Firefox
Firefox
Safari
Internet Explorer
Opera
Opera
Safari
Safari
Safari
WebView Android
Chrome
Chrome Android
Firefox
Firefox Android
Opera
Opera Android
Safari
Safari iOS
Samsung
Samsung Internet
64 79 69 51 13.1 64 64 79 47 13.4 9.0