responsive-react
Version:
Device-type based rendering of react components (typescript), like render <SideNav> when desktop and <BottomNav> when mobile or tablet
33 lines (32 loc) • 880 B
TypeScript
export declare enum IdDeviceType {
Mobile = "Mobile",
Tablet = "Tablet",
Laptop = "Laptop",
LargerThanLaptop = "LargerThanLaptop"
}
export declare enum IdDeviceOrientation {
Landscape = "Landscape",
Portrait = "Portrait"
}
export declare enum IdDeviceTypeBreakdown {
LargeScreenMax = "LargeScreenMax",
LargerThanLaptop = "LargerThanLaptop",
LaptopLarge = "LaptopLarge",
LaptopSmall = "LaptopSmall",
Tablet = "Tablet",
MobileLarge = "MobileLarge",
MobileMedium = "MobileMedium",
MobileSmall = "MobileSmall"
}
export declare enum IdDeviceBreakpointsByWidth {
laptop_max = 1440,
laptop_min = 992,
tablet_min = 768,
tablet_max = 991,
mobile_max = 767,
default_min = 768
}
export declare enum IdMobileHeight {
mobileLandscape_min = 320,
mobileLandscape_max = 425
}