useIsMobile

A hook to detect if the current viewport is mobile-sized.

Installation

Import the component from the passport-ui package.

components/example.tsx
1import { useIsMobile } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1const isMobile = useIsMobile();
2
3if (isMobile) {
4 // Render mobile-specific content
5}

Additional resources

Documentation and examples are available in Storybook.