@ibexui/hooks

A collection of reusable React hooks used throughout the IbexUI ecosystem.

📦 Installation

pnpm add @ibexui/hooks

⚓ Available Hooks

• useBreakpoint: Responsive design hook for detecting screen sizes.
• useMergedState: Manages both controlled and uncontrolled states.
• useClickAway: Detects clicks outside a specific element.
• useId: Generates unique IDs for accessibility.
• useTheme: Access the current active theme and tokens.

🚀 Usage

import { useBreakpoint } from "@ibexui/hooks";

function MyComponent() {
  const screens = useBreakpoint();

  return <div>{screens.md ? "Desktop View" : "Mobile View"}</div>;
}

📄 License

MIT