responsive-react
Version:
Device-type based rendering of react components (typescript), like render <SideNav> when desktop and <BottomNav> when mobile or tablet
6 lines (5 loc) • 810 B
TypeScript
import { getWindowDimension, DeviceWidthObject, getDeviceTypeInfo, isMobileDevice, isTabletDevice, isLaptopDevice, isBiggerThanLaptop } from "./utilResponsive";
import { IDeviceWidthInfo, DeviceWidth, IWindowDimensionMetrics, IDeviceTypeInfo } from "./types";
import { IdResponsiveRenderOnlyIn, Responsive } from "./Responsive";
import { IdDeviceType, IdDeviceOrientation, IdDeviceTypeBreakdown, IdDeviceBreakpointsByWidth, IdMobileHeight } from "./ids";
export { getWindowDimension, DeviceWidthObject, getDeviceTypeInfo, isMobileDevice, isTabletDevice, isLaptopDevice, isBiggerThanLaptop, IDeviceWidthInfo, DeviceWidth, IWindowDimensionMetrics, IDeviceTypeInfo, IdResponsiveRenderOnlyIn, Responsive, IdDeviceType, IdDeviceOrientation, IdDeviceTypeBreakdown, IdDeviceBreakpointsByWidth, IdMobileHeight };