@oyyds/react-auto-sizer
TypeScript icon, indicating that this package has built-in type declarations

1.2.11 • Public • Published

Welcome to react-auto-sizer 👋

Version Documentation Maintenance Maintenance License: MIT Gitmoji

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 ⭐️ 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

Package Sidebar

Install

npm i @oyyds/react-auto-sizer

Weekly Downloads

12

Version

1.2.11

License

MIT

Unpacked Size

35.7 kB

Total Files

9

Last publish

Collaborators

  • niexq