Skip to content
A small lib to have a container that supports Bootstrap responsiveness using hooks (???)
TypeScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
README.md
index.d.ts
package-lock.json
package.json
tsconfig.json

README.md

ResponsiveContainer

A small lib to have a container that supports Bootstrap responsiveness using hooks (???)

What does it do?

It provides a ResponsiveContainer component that will display elements according to Bootstrap breakpoints and that will fall to children if the breakpoint is not specified in the props.

How to use it?

<ResponsiveContainer
  xs={<XSComponent />}
  sm={<SMComponent />}
  md={<MDComponent />}
  lg={<LGComponent />}
  xl={<XLComponent />}
>
  {<FallbackComponent />}
</ResponsiveContainer>

How it works?

<ResponsiveContainter /> adds an onResize listener and adapts rendring according to prefixed screen sizes (see useGetDeviceInfo.ts for more information)

You can’t perform that action at this time.